在一个js文件中引用另一js文件（chrome插件亦适用）

最新推荐文章于 2024-01-08 19:47:19 发布
最新推荐文章于 2024-01-08 19:47:19 发布
阅读量4k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： chrome插件 JavaScript 文章标签： javascript chrome插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Hello_World003/article/details/47135739
本文介绍了一种在JavaScript文件中引用同一目录下另一文件的方法。具体实现是在目标文件顶部使用document.write方法插入待引用文件的script标签。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

环境描述：

a.js和b.js在同一个文件夹下，现在想在b.js文件里引用a.js

操作方法：

在b.js文件的顶端插入

document.write("<script language='javascript' src='a.js'></script>");

如何在一个 JavaScript 文件中引入另一个 JavaScript 文件
Jerry学长
05-28 2473
在早期版本的 JavaScript 中，没有提供原生的模块导入功能，因此开发者们尝试过各种不同的方法来解决这个问题。然而，自 2015 年 (ES6) 以来，JavaScript 引入了标准，这使得在 Node.js 中导入模块变得更加规范。现代浏览器也广泛支持这一标准。为了与旧版浏览器兼容，可以使用例如和这样的构建工具，或使用这样的转译工具。
js中用ajax动态引入另一个js文件，谷歌不执行，火狐正常
Sun_of_Rainy的博客
10-22 885
谷歌如果打debugg可以正常展示，不debugger，动态引入的js文件不起作用，有人说是同步异步的原因，我控制了同步异步开关之后还是有问题，最后解决如下： 参考：https://jingyan.baidu.com/article/af9f5a2d774f6c43140a45e5.html // 页面是否需要引导判断 $.ajax({ type: 'GET', url: u...
chrome扩展程序开发/chrome运行本地JS脚本
11-04
chrome扩展程序开发/chrome运行本地JS脚本的方法例子
利用Google Chrome开发插件，在网页中植入js代码
couragehope的博客
05-28 5690
https://www.cnblogs.com/kkrimen/p/3866521.html
Chrome插件开发-网页中运行自己的JS
weixin_33973609的博客
09-01 103
新建一个manifest.json的文件（扩展程序的配置文件）该文件字符集格式必须为UTF-8 manifest.json代码 { "name": "Flutter", "manifest_version": 2, "version": "1.0", "description": "I Love Flutter ~~！", "browser_action...
Chrome 插件开发小记
qq_25211081的博客
09-14 1630
Chrome插件开发，谷歌插件开发，bilibili评论插件
chrome浏览器网页通过插件形式，自动调用js脚本
qq_41368391的博客
05-08 9443
chrome浏览器编写自定义插件 新建一个manifest.json文件，写入以下内容： { "name": "Hello Extensions", "description" : "Hello world Extension", "version": "1.0", "manifest_version": 5, "content_scripts": [ ...
Midscene.js Chrome插件
最新发布
05-14
考虑到文件名称列表中只有一个“Midscenejs”，这可能意味着插件包含了相关的JavaScript库或者文件，这些文件可能是插件的主要组成部分或其核心功能模块。例如，它可能包含了Midscene.js的API接口定义、插件与...
JS文件替换神器--Chrome ReRes插件
05-14
在前端开发过程中，JS（JavaScript）文件的调试和替换是一项常见任务，而"JS文件替换神器--Chrome ReRes插件"正是为了解决这个问题而设计的。这款插件是专为Chrome浏览器定制的，它允许开发者快速地替换网页上的...
基于JavaScript的慢慢买比价Chrome插件设计源码
09-27
CSS文件则负责美化界面，使用户在使用插件时有一个良好的视觉体验。PNG图片文件是插件的图标，它在Chrome浏览器的工具栏上显示，为用户提供了直观的视觉标识。 background.js文件作为插件的后台脚本，负责维护插件...
chrome禁用js插件
11-10
3. **使用ScriptBlock插件**：压缩包中的`ScriptBlock_v1.0.crx`文件是一个名为ScriptBlock的Chrome插件，它的目的是帮助用户控制哪些网站可以运行JavaScript。要安装此插件，首先需要确保你的Chrome浏览器允许从非...
Chrome Extension实战：页面JS脚本替换
夏天夏天悄悄过去留下小眯眯
06-30 1万+
前不久有这样一个想法：怎么把第三方页面所有的GET/POST请求，重定向到我们自己的后台服务器上，然后返回一些假冒数据？
如何在JS文件中引用另一个JS文件
努力努力再努力的博客
04-28 1万+
如何在JS文中引用另一个JS文件 通常如果一个页面JS代码太多，首先肯定会想到像 CSS 一样 单独写一个文件，然后引用到HTML页面中。如果我们又需要再JS代码中引用另一个JS文件，那我们应该怎么做呢？今早做项目遇到了这个问题，所以总结了一点答案（以JQuery 为例） 第一种方法： 1.html 文件代码： <body> <input type="button" name="" id="bt" value="click"> </body> 1.js 文件代码
chrome调试动态加载的JS
ccecwg的专栏
10-14 773
在 js 源文件加入以下代码即可在chrome调试动态加载的JS（dynamicScript.js为要调试的JS）[html] view plaincopy在CODE上查看代码片派生到我的代码片//@ sourceURL=dynamicScript.js
Chrome插件无法引用外部Vue等js
你好丶忧愁
04-12 1713
Chrome插件无法引用外部Vue等js： 使用v3版本的chrome插件开发时，由于CSP规则，是无法用cdn导入外部js库的，v2版本可以用的修改manifest中“content_security_policy”也是禁用的，因此可以参考官方文档中给出的解释： 官方文档 采用sandbox 沙盒 去存储需要用到内联js的html文件，然后吧js下到本地 目前我是采用这种方法去解决的，不知道后续有没有更好的解决方案。 ...
利用chrome插件，向页面中注入js脚本
热门推荐
九段刀客的博客
07-31 2万+
缘由 我的电脑插入耳机后外音不会自动关闭，然后在realtek高清晰音频管理器里面设置还是没有用，然后我就想到大概是最近win10经常更新，然后这个管理器版本不对导致的，于是就去realtek官网打算下载个最新的，然后。。。点go按钮没反应，习惯性的f12看一下，发现控制台报错 jQuery的问题，然后我到Network里看了一下，发现cdn的方式引入jquery加载失败https://code.jquery.com/jquery-1.12.4.min.js 那么真相只有一个，jQuery引入失败，我就
Chrome extension从远程服务器取文件-Manifest V2
qq_41641505的博客
01-08 1215
Windows下，chrome extension加载远程的JS文件，使用python的方式部署服务器。
chrome扩展(插件)开发（三）被content_script注入的js使用和限制
joy1793的博客
10-22 1万+
chrome 插件之消息通知 自有api和sessionStorage还有自定义事件 chrome扩展之加载外部js到原网页中 1使用jquery的loadJs() 2 使用chrome.extension.getURL
chrome extensions插件中自己的popue.js和content.js进行通讯通信消息传递manifest V3版
02-01 3196
比如有一个需求：想要通过插件的方式，修改请求头里面的user-agent，比如修改为iphone的头，然后通过按钮切换的方式，可以通过点击就可以控制是否修改，或者是有一个输入框，输入什么值，就把user-agent修改为什么值。
Chrome扩展插件创建一个按钮点击按钮执行指定js文件
10-20
在Chrome浏览器中创建一个扩展插件并添加一个按钮，使其点击后执行特定的JavaScript文件，你需要按照以下步骤操作： 1. **创建manifest.json**：这是扩展的核心配置文件，包含基本信息和权限。例如： ```json { "name": "Execute JS File", "version": "1.0", "manifest_version": 2, "permissions": ["activeTab"], "background": { "scripts": ["background.js"] }, "browser_action": { "default_popup": "popup.html", "default_icon": "icon.png" } } ``` 这里指定了背景脚本`background.js`和弹出窗口的HTML文件`popup.html`。 2. **编写background.js**：用于监听用户交互，如按钮点击事件。当按钮被点击时，可以使用`chrome.tabs.executeScript`来运行JavaScript文件： ```javascript chrome.browserAction.onClicked.addListener(function(tab) { chrome.tabs.executeScript({ file: 'your_script.js' }, function(results) { // 如果需要处理结果 }); }); ``` 3. **创建popup.html**：这个文件是弹出窗口的内容，通常会包含一个按钮元素。当用户点击页面上的按钮时，实际上触发了背景脚本的动作： ```html <!DOCTYPE html> <html> <head> <script src="popup.js"></script> </head> <body> <button id="executeButton">执行JS文件</button> </body> </html> ``` 4. **编写popup.js**：处理点击事件，发送消息给背景脚本： ```javascript document.getElementById('executeButton').addEventListener('click', function() { chrome.runtime.sendMessage({ action: 'runScript' }); }); ``` 5. **发送message到background.js**，在`background.js`中接收并执行`your_script.js`： ```javascript chrome.runtime.onMessage.addListener( function(request, sender, sendResponse) { if (request.action === 'runScript') { chrome.tabs.executeScript({ code: `// 你的JavaScript代码` }); } } ); ``` 记得替换上述代码中的`your_script.js`为实际要执行的JavaScript文件路径。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值