有没有办法用cheerio从script标签中获取js脚本？

是的，可以使用cheerio从script标签中获取js脚本。cheerio是一个基于jQuery核心实现的快速、灵活、简洁的服务器端jQuery实现，可以在Node.js环境中使用。以下是获取js脚本的步骤：

首先，安装cheerio模块。在命令行中运行以下命令：

npm install cheerio

在代码中引入cheerio模块，并使用cheerio加载HTML内容：

const cheerio = require('cheerio');
const html = '<html><body><script src="script.js"></script></body></html>';
const $ = cheerio.load(html);

使用cheerio的选择器语法选择script标签，并获取其内容：

const scriptContent = $('script').html();

如果需要获取script标签的src属性值，可以使用attr方法：

const scriptSrc = $('script').attr('src');

通过以上步骤，你可以使用cheerio从script标签中获取js脚本内容或者src属性值。这在一些需要对网页进行爬虫、数据提取或者分析的场景中非常有用。

腾讯云相关产品和产品介绍链接地址：

腾讯云服务器（CVM）：提供弹性计算能力，满足各类业务需求。
腾讯云云函数（SCF）：无服务器的事件驱动型计算服务，帮助开发者更轻松地构建和运行应用程序。
腾讯云容器服务（TKE）：基于Kubernetes的高度可扩展的容器管理服务，简化容器化应用的部署和管理。
腾讯云对象存储（COS）：安全、稳定、低成本的云端存储服务，适用于各类数据存储和传输场景。
腾讯云数据库（TencentDB）：提供多种数据库产品，包括关系型数据库、NoSQL数据库等，满足不同业务需求。
腾讯云CDN：全球分布式加速服务，提供快速、稳定的内容分发，加速网站访问速度。
腾讯云安全产品：包括DDoS防护、Web应用防火墙（WAF）、安全加速等，保障云上应用的安全性。
腾讯云人工智能：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等，助力开发者构建智能化应用。
腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助用户快速搭建和管理物联网设备。
腾讯云移动开发：提供移动应用开发的云端服务，包括移动推送、移动分析等。
腾讯云区块链（TBaaS）：提供安全、高效的区块链服务，帮助用户构建和管理区块链网络。
腾讯云游戏多媒体处理：提供游戏多媒体处理的云端服务，包括音视频转码、音视频识别等。
腾讯云元宇宙：提供元宇宙解决方案，帮助用户构建虚拟世界和数字孪生应用。

请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估。

相关·内容

XSS 攻击与防御

反射型 XSS 攻击可以将 JavaScript 脚本插入到 HTML 节点中、HTML 属性中以及通过 JS 注入到 URL 或 HTML 文档中。...（页面中不可见的元素调用 innerText 时是获取不到内容的，在 chrome 中，调用 script、style 标签的 innerText 也能获取到内容）。...script\s*>/g,"") // 过滤带有 javascript 标志的脚本（比如 a 标签） .replace(/javascript...白名单过滤白名单过滤就是保留部分标签和属性。白名单过滤可以使用 JavaScript 中的一个第三方库：cheerio。可以使用 npm 进行下载或者 script 标签进行引入。...// 选中所有的元素 $("*").each(function(idx,elem){ // 如果白名单中没有这个元素，就把这个元素从 HTML 中删除 if(!

3.8K2 0

在浏览器客户端进行爬虫开发

在Node环境下，可以用Request模块请求一个地址，得到返回信息，再用正则匹配数据，或者用Cheerio模块包装-方便定位相关的标签项在浏览器环境下，也类似，可以用标签的src属性或Ajax请求一个地址...，得到返回信息，再用正则匹配数据，或者用jQuery模块包装-方便定位相关的标签项二、实现实现的本质都是打开浏览器的开发者工具，写一段JS代码注入到页面中，然后让相关代码自执行地址请求，再通过代码处理返回的数据...打开Chrome浏览器的开发者工具，选择面板中的 sources 部分，选择二级菜单的 script snippets 部分，然后右键新建一个脚本，在右方输入想注入的代码然后右键script snippets...脚本运行（或者使用快捷键 Ctrl + Enter 运行）就可以开始注入，并可以在下方 console 部分看到相应的结果注入JS代码的方式是使用一个script标签，定义src指向的脚本地址，或者在标签中直接定义...纯页面要在当前页面直接请求一个纯页面，我们可以用 iframe 标签辅助，比如我想获取博客园这个分类下的博文信息找到这个页面的链接 http://www.cnblogs.com/cate/108703

2.3K1 0

deno 初体验，实战记录一个node项目迁移到deno需要做什么

这里我直接选择mac的脚本安装形式。...代码，那么其实只要解决了第三方包和 api 问题，逻辑都一样直接用的，那么本项目的第三方依赖如下，只要解决了这些依赖的问题就可以了 { "dependencies": { "cheerio...deps.ts文件来统一管理所有依赖，别的地方直接从deps.ts统一引入，例如本项目的deps.ts如下 export { default as cheerio } from "https://dev.jspm.io...模块迁移指南中也有大概的介绍，这里简单描述下 1、首先推荐到pika中去寻找这个模块，如果搜出来能直接用，不会报红，表明可以完美在 deno 中使用，直接用pika中的模块链接在deps.ts中引入即可...: true, }); 3、如果 1、2 找不到，则谷歌搜索deno 对应模块名看有没有合适的替代方案了。

1.4K2 0

你不可能知道的骨架屏玩法！

不知道大家有没有使用过骨架屏，下面我们就是用类似骨架屏的能力去解决这个问题。〇 “骨架图”实现骨架屏基本就是详细页面元素未展现时，把DOM结构通过线条勾勒出来。...cheerio是一个方便我们获取内容的工具，看看官方解释。为服务器特别定制的，快速、灵活、实施的jQuery核心实现。要获取Vue页面的DOM结构，需要分两步。...// node脚本中的代码 const TARGET_PATH = '..../* * script标签中含有?__inline标识的Js会被内联到HTML。...从Chrome源码看浏览器如何加载资源 - 知乎大家有兴趣看JS的优先级，可以参考 Chrome 中 JavaScript 加载优先级 | FENews。

1.8K2 0

用 Javascript 和 Node.js 爬取网页

本文讲解怎样用 Node.js 高效地从 Web 爬取数据。前提条件本文主要针对具有一定 JavaScript 经验的程序员。...为了展示 Cheerio 的强大功能，我们将尝试在 Reddit 中抓取 r/programming 论坛，尝试获取帖子名称列表。...首先，用带有 axios HTTP 客户端库的简单 HTTP GET 请求获取网站的 HTML，然后用 cheerio.load() 函数将 html 数据输入到 Cheerio 中。...resources：设置为“usable”时，允许加载用 script 标记声明的任何外部脚本（例如：从 CDN 提取的 JQuery 库）创建 DOM 后，用相同的 DOM 方法得到第一篇文章的...✅ JSDOM 根据标准 Javascript规范从 HTML 字符串中创建一个 DOM，并允许你对其执行DOM操作。

10K1 0

前端:你可能不知道的骨架屏方案设计

不知道大家有没有使用过骨架屏，下面我们就是用类似骨架屏的能力去解决这个问题。〇 “骨架图”实现骨架屏基本就是详细页面元素未展现时，把DOM结构通过线条勾勒出来。...cheerio[3]是一个方便我们获取内容的工具，看看官方解释。为服务器特别定制的，快速、灵活、实施的jQuery核心实现。要获取Vue页面的DOM结构，需要分两步。...// node脚本中的代码 // 解析preload.tcss，输出preloadCss、preloadImages // 某个活动下 const BASE_FOLDER = `....// node脚本中的代码 const TARGET_PATH = '..../* * script标签中含有?__inline标识的Js会被内联到HTML。

2K2 0

nodejs cheerio模块提取html页面内容

最终代码本文给出使用一个用cheerio模块提取html文件中指定内容的例子，并说明具体步骤、涉及到的API、以及其它模块。...想到的一个办法是：将所有结点的内容（包括文本结果）trim，即去年前后的所有空白字符，并对于br元素，加入一个换行符。...1.3 提取答案文本在html源文件中搜索answer，可以看出，答案是保存在script中的，如下： var StandardAnswer...则获取答案文本的方法为：先获取script元素中的代码文本，再通过eval函数得到这个数组值，最后生成答案文本。...其中文件a.js用于生成问题文本，b.js用于生成答案文本。a.js与b.js有很大的重复（b.js是直接复制了一份a.js修改而来）。

3.1K6 0

使用Nodejs获取自己所有的CSDN博客附源码与效果图

如果你的软件是一个人做，而你有没有太多时间，那么首先你要列出一个最小的功能集，这个功能集是这个软件的核心功能，实现了它就能让人快速了解你的产品有什么特点。...async 开始编码到了编码这一步，主要讲究的是思路，因为文章是分页显示的，所有要知道文章的总页数，然后编写一个函数，获取一个http路径中的html源码，使用总页数控制循环调用函数，并将当前页码拼接到请求的...函数 getOnePageBlogLink的内容是这样的，使用superagent获取html，cheerio对html进行解析，拿到需要的数据，文章标题，文章链接 var getOnePageBlogLink.../npm/jquery@1.12.4/dist/jquery.min.js">

5881 0

什么年代还在用传统 Pjax? —— 自定义 Pjax 提升页面加载速度

我们只要 #page-main 中的主要内容。最重要的是，Hexo 是静态博客，这一点只能在生成文件时进行。载入 HTML 我是用 Cheerio 模块帮我完成这一工作。...页面中还有一些 script，比如阅读进度、懒加载等。所以需要一个 extraJS 放置额外的 Script. {......rtData.extraJS = [] // 只解析 #page-main 下的 script let $pageMain = cheerio.load($pg("#page-main"...).html()); $pageMain('script').map(function(i, el) { // 尝试往 extraJS 中 push 相关代码 try...判断条件是：有链接，不带 hash，且为本站链接 // 转换页面中的链接为 Pjax 链接 const $pjax_convertAllLinks = () => { // 所有的 a 标签

2.3K2 0

基于Node.js实现一个小小的爬虫

1.本次爬虫目标：从拉钩招聘网站中找出“前端开发”这一类岗位的信息，并作相应页面分析，提取出特定的几个部分如岗位名称、岗位薪资、岗位所属公司、岗位发布日期等。并将抓取到的这些信息，展现出来。...其次，爬虫要获取特定信息，就需要特定代表的标识符。这里采用分析页面代码标签值、class值、id值来考虑。通过Firebug对这一小部分审查元素 ? ?...3.代码编写：按照预定的方案，考虑到node.js的使用情况，通过其内置http模块进行页面信息的获取，另外再通过cheerio.js模块对DOM的分析，进而转化为json格式的数据，控制台直接输出或者再次将...（cheerio.js这东西的用法很简单，详情可以自行搜索一下。其中最主要的也就下边这份代码了，其余的跟jQuery的用法差不多。...type="text/javascript" src="javascripts/jquery.min.js"> 20 <script type="text/javascript

1.1K2 0

webpack入门指南

例如下面的例子：在basic/目录中新增no-parse.js var cheerio = require('cheerio'); module.exports = function() {...有没有发现打包的时间已经被大大缩短，并且也只产生了两个隐藏文件。...配合externals使用 externals参看下面的解释 Webpack 是如此的强大，用其打包的脚本可以运行在多种环境下，Web 环境只是其默认的一种，也是最常用的一种。...HTML中注意引入顺序即可： ---- 4.6 devtool 提供了一些方式来使得代码调试更加方便...其他办法(未成功) 1.在上述的方案中，其实不需要重新命名就可以直接运行webpack，但是今天试了一直不成功 2.{ test : /\.js|jsx$/, loader : 'babel',

2.2K4 0

Nodejs学习路线图

前言用Nodejs已经1年有余，陆陆续续写了48篇关于Nodejs的博客文章，用过的包有上百个。和所有人一样，我也从Web开发开始，然后到包管理，再到应用系统的开发，最后开源自己的Nodejs项目。...Cheerio包括了 jQuery核心的子集，从jQuery库中去除了所有DOM不一致性和浏览器不兼容的部分，揭示了它真正优雅的API。...2.10 定时任务工具: later Later 是一个基于Nodejs的工具库，用最简单的方式执行定时任务。Later可以运行在Node和浏览器中。 ?...在浏览器中，调用browserify编译后的代码，同样写在标签中。用 Browserify 的操作，分为3个步骤。1. 写node程序或者模块, 2....用Browserify 预编译成 bundle.js, 3. 在HTML页面中加载bundle.js。 ?

6.3K10 2

midway的使用教程

环境的话，其实也很简单的，这样写 (async () => { const ret = await getPage(); console.log('ret:', ret); })(); 四、如何获取对应标签元素的属性...题目是，从获取的HTML源代码文本里，解析出id=lg的div标签里面的img标签，并返回此img标签上的src属性值 4.1、cheerio一把梭如果你没赶上JQuery时代，那么其实你可以学下cheerio...下文代码块的意思是，获取id为lg的div标签，获取它的子标签的img标签，然后调用了ES6中数组的高阶函数map，这是一个幂等函数，会返回与输入相同的数据结构的数据，最后调用get获取一下并字符串一下...于是乎，我用wget测试了下wget -O baidu.html [https://www.baidu.com](https://www.baidu.com), 发现正常发请求是这样的 ➜ tmp wget...关于Node.js的https库对这块的处理我没有去深究了，我就是通过楼上的例子猜了下，应该是它那边服务器做了对客户端的相关判定，然后返回相应html文本，所以这里想办法给node.js设置一个楼上的user-agent

6484 0

node爬虫入门

example3.js看到上面简单展示了使用cheerio读取html文档信息的功能，后面我们将cheerio用在前面请求200页博文列表页面的代码中，具体代码如下： // getListData.js...解决办法：我们需要先读取html文件中这个标签来确定文档编码格式，然后再对文件的buffer数据进行解码。...上面代码可以从（https://github.com/duanyuanping/reptile）中的encoding.js文件看到。...但是这个库中的api没有使用then-able方案，使用的是callback方案，以及js动态写入的内容无法获取到。...参考资料分分钟教你用node.js写个爬虫 PHP,Python,nod.js哪个比较适合写爬虫前端爬虫系列 request cheerio iconv-lite puppeteer node-crawler

5.3K2 0

react-native使用cookie

一开始的想法和在服务端上差不多，毕竟都是js写的，改动不需要很多。也是想模拟登录，然后获取到cookie，进行全局保存。...但是react native毕竟是js转android(或iOS)，谁知道在转化过程有没有做处理了。google一番得到模棱两可的说法。看来还是得试验一番。...于是用php写了一个简单的设置和获取cookie的程序（这时候还是php简单好用）。一试，好家伙，react native直接支持cookie的自动保存，不需要添加任何模块。...react-native使用cheerio 说起js端的爬虫，cheerio就不得不提了。cheerio模仿jquery的dom操作链式写法，可以是程序很方便地对爬取过来的网页信息进行处理。...于是，上网一查，找到了一个新的模块cheerio-without-node-native; 很显然，这个是脱离node直接给react native用的cheerio; 用法也跟上面的一样，只要改变引用的模块就行了

3K0 0

动手写 js 沙箱

"username")); // will print "Mulder" console.log(auth.eval("password")); // will print "trustno1" 那有没有什么办法可以解决...所以,上面的代码,放在new Function中,可以写为: new Function('console.log("a simple script");')(); 这样做在安全性上和eval没有多大的差别...那有没有办法解决global var的办法呢？有啊... 只是有点复杂先用with,在用Proxy with with这个特性,也算是一个比较鸡肋的,他和eval并列为js两大SB特性....> 这样，就可以保证js脚本的执行，但是禁止iframe里的javascript执行top.location = self.location。...用来表示传到任意的标签页中.

2.7K0 0

50 个让你高效编程的前端轮子，真香

提供了一种简单的方法来从数字（浮点数或整数）或字符串中获取人类可读的文件大小字符串。..._el.querySelector('canvas'); // 获取生成二维码中的canvas，并将canvas转换成base64 const base64Text = canvas.toDataURL...您可以使用它消除shell脚本对Unix的依赖，同时仍然保留其熟悉而强大的命令。您还可以全局安装它，以便可以从Node项目外部运行它-告别那些讨厌的Bash脚本！...：Shx 是一个包装 ShellJS Unix 命令的包装器，为 npm 包脚本中简单的类 Unix 跨平台命令提供了一个简单的解决方案 ShellJS: Good for writing long scripts... // 初始化 var vConsole = new VConsole();

7.7K2 0

你不知道的 script 标签的 defer 与 async 属性

在很久以前，一般都是将这些外联脚本，放在 body 标签的最后面，确保先解析展示 body 中的内容，然后再一个个请求执行这些外联脚本。那有没有其他更优雅的解决方案呢？...会在脚本下载并执行完成之后，才会触发 DOMContentLoaded 事件。在脚本执行过程中，一定可以获取到 HTML 中已有的元素。 defer 属性对模块脚本无效。...由于没有确定的执行时机，所以在脚本里面可能会获取不到 HTML 中已有的元素。 DOMContentLoaded 事件和 script 脚本无相关性，无法确定他们的先后顺序。...One More Thing 你有没有想过，如果一个 script 标签同时设置 defer 和 async，浏览器会如何处理？...一图胜千言最后，用一张图概括一下这两个属性的加载模式吧： defer 和 async 的加载模式思考题为什么浏览器在解析到普通的 script 标签时，必须先执行他？

8001 0

50 个让你高效编程的前端轮子

7.9K3 0

分享6个必备的 JavaScript 和 Node.js 网络爬虫库

在这篇文章中，我们将深入探讨6个最好的JavaScript和Node.js网络爬虫库，分析它们的功能、优点和缺点。...二、Cheerio：轻量级的Node.js网络爬虫库 2. Cheerio简介 Cheerio是一个类似于jQuery的库，用于在Node.js中解析和操作HTML文档。...以下是使用Axios进行网络爬虫的一些示例：示例一：单页面抓取我们使用Axios获取网页的HTML内容，然后使用Cheerio解析并提取所需数据。...结束在这篇全面的文章中，我们探讨了用于网络抓取的最佳6个JavaScript和Node.js库：Puppeteer、Cheerio、Nightmare、Axios、Playwright和Selenium...每个库都提供独特的功能、优势和劣势，适用于不同的用例和技能水平。

510 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云