在另一个js文件中进行dom操作后，如何运行javascript文件？
在另一个js文件中进行DOM操作后，可以通过以下几种方式来运行JavaScript文件：
- 在HTML文件中使用<script>标签引入JavaScript文件：
- 将DOM操作的JavaScript代码保存为一个独立的.js文件，例如"dom.js"。
- 在HTML文件中使用<script>标签引入该文件：<script src="dom.js"></script>。
- 当浏览器加载到该<script>标签时，会自动执行其中的JavaScript代码。
- 使用JavaScript的动态脚本加载方法：
- 创建一个新的<script>元素，通过JavaScript代码将其添加到HTML文档中。
- 设置该<script>元素的src属性为DOM操作的JavaScript文件的URL。
- 将该<script>元素添加到HTML文档中的<head>或<body>标签中。
- 当浏览器加载到该<script>元素时，会自动下载并执行其中的JavaScript代码。
示例代码如下：
// 创建一个新的<script>元素
var script = document.createElement('script');
// 设置<script>元素的src属性为DOM操作的JavaScript文件的URL
script.src = 'dom.js';
// 将<script>元素添加到HTML文档中的<head>或<body>标签中
document.head.appendChild(script);- 使用JavaScript的动态脚本加载方法，并在加载完成后执行回调函数：
- 创建一个新的<script>元素，通过JavaScript代码将其添加到HTML文档中。
- 设置该<script>元素的src属性为DOM操作的JavaScript文件的URL。
- 为该<script>元素添加一个load事件监听器，在加载完成后执行回调函数。
- 将该<script>元素添加到HTML文档中的<head>或<body>标签中。
- 当浏览器加载到该<script>元素时，会自动下载并执行其中的JavaScript代码，并在加载完成后触发load事件。
示例代码如下：
// 创建一个新的<script>元素
var script = document.createElement('script');
// 设置<script>元素的src属性为DOM操作的JavaScript文件的URL
script.src = 'dom.js';
// 添加load事件监听器，在加载完成后执行回调函数
script.addEventListener('load', function() {
// JavaScript文件加载完成后的回调函数
// 可以在这里执行DOM操作后的其他逻辑
});
// 将<script>元素添加到HTML文档中的<head>或<body>标签中
document.head.appendChild(script);以上是在另一个js文件中进行DOM操作后如何运行JavaScript文件的几种常见方法。根据具体的需求和场景，选择适合的方法来加载和执行JavaScript文件。
相关·内容
当我运行我的rails应用程序并在控制台中输入likeButton时，它没有给我任何提示:ReferenceError不是在1:1(匿名)@ VM1591:1定义的，我尝试将likeButton中的脚本移动到我的总体目标是在按下按钮后更改按钮的颜色，并在页面刷新后保持颜色不变。我在这个过程中使用了sessionStorage。我只想确保likeButton变量是在html加载后声明的。如果可能的话，只用javascript就可以了。<body&g
浏览 21提问于2020-12-07得票数 0
我正在学习JavaScript。并到达DOM操作部分。但是现在script.js中的DOM操作不起作用了。console.log也没有运行。所以我卸载了nodeJS。但是现在我知道了:如何让javascript开始运行，它是用<script src链接到html的。如何对节点JS进行DOM操作？
节点:术
浏览 0提问于2022-08-19得票数 -1
3回答
我最近说想知道组织JavaScript文件的最佳方式是什么。假设我有一个带有输入字段的HTML。我想在提交这些字段之前对其进行验证。在外部JavaScript文件中还是在script标记和侦听器内的HTML中，当内容准备就绪时？<input type='submit' id='submit'/>或者类似于下面的内容
file.js</
浏览 0提问于2015-07-09得票数 1
我刚刚开始学习react，我不明白为什么我们需要使用reactDOM.render()，因为我们可以直接编写HTML。
浏览 3提问于2021-09-03得票数 0
回答已采纳
2回答
在JQuery中，在代码的最后一部分，jQuery变量被分配给$符号：// Expose jQuery and $ identifiers, even in
// AMD (#7102#comment的快速操作，使用id并通过JavaScript文件对CSS进行编程，而不需要使用CSS文件和更友好的代码。我在ezo中执行了与JQuery相同的操作(使用完
浏览 0提问于2015-05-07得票数 0
回答已采纳
我正在尝试黑一个第三方JavaScript弹出窗口，我需要以某种方式注册一个回调，这样我就可以在它加载后采取行动。我在我的页面上有如下代码： src="https://www.notmydomain.com/id=uniqueidicantreplicate"><\
浏览 0提问于2012-06-27得票数 1
回答已采纳
但是，JavaScript代码是在页面实际加载时运行的(可能是在呈现DOM时)。这发生在我的自定义脚本注入之前。我使用内容脚本向DOM追加其他JavaScript，如下面的Stack问题所述：
在中解释的问
浏览 4提问于2016-12-20得票数 3
1回答
我需要向我的rails应用程序添加一些AJAX/JS功能。new_spore_count", class: "tiny button expanded" %> <% end %> </div> end
然后，在app/views/spore_type_counts/new.js.erb<em
浏览 5提问于2016-11-01得票数 0
回答已采纳
var hi = document.querySelector("h1"); Uncaught :无法在prac.js:3处读取null的属性“样式”
<html><
浏览 2提问于2020-04-07得票数 0
我打算测试的一些脚本使用的是window和document对象，这些对象不是在js shell中定义的。
有没有一种简单的方法来定义窗口和文档对象，以便在spidermonkey测试中使用？
浏览 3提问于2012-12-28得票数 0
回答已采纳
2回答
如何对远程JavaScript进行本地JavaScript文件的单元测试？我已经断断续续地做了几天了，但还没弄清楚。我有一个带有DOM操作的本地文件，例如一个名为app.js的文件，其中包含：然后如何对远程URL (如 )进行</
浏览 1提问于2016-07-18得票数 0
回答已采纳
我的JavaScript (比如File1)需要从我的服务器获取另一个JS文件(比如File2)，并在DOM完成呈现之前让它完成执行。我注意到，如果通过在文件1中创建一个新的脚本标记并将其附加到DOM的头节点(使用DOM操作方法)来获取文件2，则广告在firefox中可以正确呈现，但在IE中无法正确呈现
研究表明，以这种方式动态
浏览 0提问于2010-01-13得票数 4
回答已采纳
3回答
一个很好的测试是，每次操作DOM之后，我都会验证DOM。有什么好办法吗？
我可以通过在测试时添加一个JS文件，或者通过Selenium来查看javascript。但我不
浏览 1提问于2009-12-12得票数 5
我正在学习JavaScript，并试图与Rails一起使用它。我有默认的Rails项目结构，并创建了一个简单的assets/javascript/test.js文件。资产/javascript/test.js：console.log(elements[0]);
控制台中的结果未定义请您解释一下发生了什么，以及如何</em
浏览 1提问于2015-11-13得票数 3
回答已采纳
1回答
我正在使用javascript对页面服务时已经存在的HTML元素进行一些简单的更改(例如更改div元素的背景图像、添加ID等)。当然，这在除IE8之外的每个浏览器中都很好，因为在DOM中似乎没有反映更改，所以当我在JS运行后解析dom时，它找不到我正在寻找的元素。该页面由头中的2个javascript文件组成，1是一个外部第三方脚本，我无法控制它，但它是一个添加in和背景图像的脚本
浏览 3提问于2012-07-24得票数 0
当我们将HTML和JavaScript代码分别写入单个.html文件或在.html文件中编写HTML代码和在.js文件中分别编写JavaScript时，有什么区别吗？这里：、HTML和JavaScript分别写在两个单独的.html和.js文件中，在.js文件的顶部提到：注意:需要用browserify viz.js -o ma
浏览 0提问于2018-05-08得票数 0
优点：
视图规范可以测试在更新AJAX响应中是否呈现了正确的DOM操作js代码。New - AJAX请求的更新操作模板只返回一个JSON，其中包含转义的html内容。操纵DOM的js代码是从编辑操作模板和侦听AJAX:成功
浏览 0提问于2011-06-06得票数 3
4回答
我有一个HTML页面，我想在上面执行几行js代码。现在我只想做一件事：它在jsPage.js中，在我的html页面的头上。<script src="jsPage.js"></script>
我以为这是唯一需要的。但我的标题是保持红色(这是设置在css文档附加到html页面)，而不是变成
浏览 1提问于2014-12-18得票数 0
回答已采纳
我使用wp_enqueue_scripts()来设置JS文件，并使用最后一个参数将它们放在页脚中
但是在中进行测试，我仍然发现我需要推迟对Javascript的解析。如何延迟在Wordpress中加载DOM后执行的Javascript解析？wp_enqueue_scripts()有没有一个参数可以做到这一点？
浏览 7提问于2013-03-15得票数 1
我尝试在IOS WKWebview上读取我的本地JSON文件。但是无法加载资源: Access-Control-Allow-Origin不允许Origin为null。
浏览 2提问于2015-10-12得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
