script标签主要是用来引入js代码的。script标签引入js代码的方式有两种:直接写在<script></script>中间,引入外部的js文件。
script引入方式:
<!DOCTYPEhtml>
<htmllang="zh-CN">
<head>
<metacharset="UTF-8">
<title>Title</title>
<style>
*{
margin:0;
padding:0;
}
</style>
<scripttype="application/javascript">
alert("哈哈");
</script>
</head>
<body>
<div>大家好</div>
</body>
</html>
HTML4.01位<script>标签定义了一下6个属性
1、async:可选属性。表示应该立即下载脚本且不影响页面中的其他操作。只对外部脚本文件有效。
2、charset:可选。指定代码字符集。大多数浏览器忽略此值。
3、defer:可选。脚本延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效。
<head>
<title>Document</title>
<scripttype="text/javascript"defer="defer"src="./test.js"></script>
<scripttype="text/javascript"defer="defer"src="./test1.js"></script>
</head>
HTML5规范要求脚本按照他们的先后顺序执行,而这两个脚本会先于DOMContentLoaded事件。现实中两个脚本不一定按照顺序执行,也不一定先于DOMContentLoaded,因此一个文件中最好包含一个延迟脚本。而且此属性有的浏览器可能不支持,因此把延迟脚本放在页面底部而不是head中仍然是最佳选择。
4、src:可选。外部脚本文件的地址。与defer类似,不同的是async不保证按照它们的先后顺序执行
5、type:可选。默认值为text/javascript。
<noscript>标签可以包含在能够出现在<body>中的任何元素,<script>标签除外。
<noscript>标签中的元素在下列情况会显示出来
1、浏览器不支持脚本
2、脚本被禁用
总之,script给大家简单的介绍了一些,希望大家多看看。