无纸化教育传媒 伴随着您成长 伴随着您进步
获取固定元素集合的方法(document.scripts用法) |
类别属性：程序Web开发 > Javascript/Html | 发布时间：2025/4/11 16:03:23 | 视频长度：00:05:40
获取固定元素集合的方法(document.scripts用法)
document.scripts主要用来获取页面当中所有的<script>标签集合,视频视频示例在页面<head>中防放入了两个<script>标签,在<body>中放入了一个<script>标签用来编写示例脚本程序。其次 <h1>标签和<hr /> 标签，以及<div id="result"></div>标签用来显示脚本执行结果。
脚本部分：
（1）定义“scripts”变量，将“document.scripts”赋值给该变量，如代码： “var scripts = document.scripts; ”，将第一个 <script>加入“src”属性，并且将项目目录中心“script”文件夹下的“1.js”引入到“src”资源中，如代码：“scripts[0].src = "script/1.js";”，在“1.js”中仅一个“alert(1)”弹出提示，这样虽然页面没有直接在<script>标签中引入“1.js”，通过“scripts[0].src = "script/1.js";”同样可以执行弹出提示。
（2）定义“tem”变量， 用来接收for循环传参赋值，将“document.scripts”集合循环获取<script>标签的text文字内容传给变量“tem”，最后在id为“result”的<div>标签中显示出来。同时在for循环体中通过 console.log输入“src”的资源文件路径url，详细代码如下：
<script>
var scripts = document.scripts;
scripts[0].src = "script/1.js";
//获取固定元素集合的方法(document.scripts用法) - 遗昕传媒|Weisim3.com
//XinSoft/昕软,Mr.Tang(04.11.2025)
var tem = "";
for (var i = 0; i < scripts.length; i++) {
tem += i + " : " + scripts[i].text + "<br/>";
console.log(i + " : " + scripts[i].src);
}
document.getElementById("result").innerHTML = tem;
</script>
