JavaScript Script对象(Script Object)

Script对象代表了HTML文档中的script元素

如何访问Script对象?

使用getElementById()访问script元素。

var  x = document.getElementById("myScript");

注:可以使用scripts收集器访问script元素。

如何创建Script对象

使用createElement()方法创建script元素。

var x = document.createElement("script");

标准属性及事件

Script对象同时支持标准的属性事件

Script对象的属性
属性 说明
async 设置或返回是否异步执行script脚本语言
charset 设置或返回script元素的charset属性的值
crossOrigin【5】 设置或返回script元素的CORS设置
defer 设置或返回当页面完成解析时,是否执行script脚本语言
src 设置或返回script元素的src属性的值
text 设置或返回script元素的所有文本子节点的内容
type 设置或返回script元素的type属性的值

使用例1

HTML+Javascript文件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<h3>如何访问 SCRIPT元素?</h3>

<script id="myS" src="demo_script.js"></script>

<p>点击以下按钮,获取外部script文档的URL</p>

<button onclick="myFc()">按钮</button>

<p id="demo"></p>

<script>

function myFc() {

var x = document.getElementById("myS").src;

document.getElementById("demo").innerHTML = x;

}

</script>

</body>

</html>

使用例2

HTML+Javascript文件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<h3>如何创建 SCRIPT元素?</h3>

<script id="myS" src="demo_script.js"></script>

<p>点击以下按钮,创建一个script文档</p>

<button onclick="myFc()">按钮</button>

<script>

function myFc() {

var x = document.createElement("SCRIPT");

var t = document.createTextNode("alert('嘿,你好!')");

x.appendChild(t);

document.body.appendChild(x);

}

</script>

</body>

</html>

关联内容