JS script标签有以下几个常用的属性:
-
src属性:指定要加载的外部JS文件的URL地址。
-
type属性:指定脚本语言的类型。其值通常为"text/javascript",表示脚本语言为JavaScript。
-
charset属性:指定脚本语言的字符集。其值通常为"UTF-8"。
-
defer属性:指定脚本的执行是否会影响文档的构造(DOM树的构建)。当设置defer属性时,表示脚本的执行顺序将在页面加载完成后才开始运行。
下面是两个JS script标签的示例说明:
- 加载外部JS文件
<!DOCTYPE html>
<html>
<head>
<title>JS script标签示例</title>
</head>
<body>
<h1>JS script标签示例</h1>
<script type="text/javascript" src="example.js"></script>
</body>
</html>
上述HTML代码中,通过指定script标签的src属性加载了一个名为example.js的外部JS文件。
- 延迟执行脚本
<!DOCTYPE html>
<html>
<head>
<title>JS script标签示例</title>
<script defer type="text/javascript">
function sayHello() {
console.log("Hello World!");
}
window.onload = sayHello;
</script>
</head>
<body>
<h1>JS script标签示例</h1>
</body>
</html>
上述HTML代码中,我们通过指定script标签的defer属性来延迟执行脚本。在页面加载完成后,脚本才会执行,此时页面已经构造完毕,因此不会影响DOM树的构建。
以上是JS script标签常见的四个属性。在实际开发中,根据不同的需求会有不同的用法,需要根据实际情况进行使用。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JSscript标签有哪些属性 - Python技术站