轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

HTML DOM scripts 集合

实例

统计文档中有多少个 <script> 元素:

var x = document.scripts.length;

x 的结果将是:

2
亲自试一试 »

页面下方有更多实例。

定义和用法

scripts 集合返回文档中所有 <script> 元素的集合。

注释: 集合中的元素按其在源代码中的显示进行排序。

提示: 相关内容 Script 对象。

浏览器支持

表格中的数字表示支持该集合的第一个浏览器的版本号。

集合
scripts Yes Yes 9.0  Yes Yes

语法

document.scripts

属性

属性 描述
length 返回集合中 <script> 元素的个数。

注释: 此属性是只读的

方法

方法 描述
[index] 返回集合中指定索引（从 0 开始）对应的 <script> 元素 。

注释: 如果索引号超出范围，则返回 null
item(index) 返回集合中指定索引（从 0 开始）对应的 <script> 元素 。

注释: 如果索引号超出范围，则返回 null
namedItem(id) 返回集合中指定索引 id 对应的 <script> 元素。

注释: 如果 id 不存在，则返回 null

技术细节

DOM 版本: Core Level 3 Document Object
返回值: 一个 HTMLCollection 对象, 表示文档中所有的 <script> 元素。集合中元素的排序是根据源码中的顺序排列的。

更多实例

实例

[index]

获取文档中第一个（索引为 0） <script> 元素的内容:

var x = document.scripts[0].text;

x 的结果将是:

document.write("Hello World!");
亲自试一试 »

实例

item(index)

获取文档中第一个（索引为 0） <script> 元素的内容:

var x = document.scripts.item(0).text;

x 的结果将是:

document.write("Hello World!");
亲自试一试 »

实例

namedItem(id)

获取 id="myScript" 的 <script> 元素的内容:

var x = document.scripts.namedItem("myScript").text;

x 的结果将是:

function myFunction() { var x = document.scripts.namedItem("myScript").text; document.getElementById("demo").innerHTML = x; }
亲自试一试 »

实例

遍历文档中所有的 <script> 元素，并输出每个 script 元素的 id:

var x = document.scripts;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
  txt = txt + x[i].id + "<br>";
}

txt 的结果将是:

myFirstScript
mySecondScript
亲自试一试 »

相关页面

JavaScript 参考手册: HTML DOM Script 对象

HTML 教程: HTML Scripts

HTML 参考手册: HTML <script> 标签

❮ Document 对象