<script>属性:
<script>标签是向HTML中插入JavaScript的主要方法,它具有以下几个属性:
属性名 | 用法 |
---|---|
async | 可选,使用该参数表示该标签内的资源应异步加载,不会影响页面的正常加载 |
charset | 可选,表示通过src属性指定代码的字符集,大多数浏览器会忽略该值 |
defer | 可选,只对外部脚本文件有效,使用该参数表示该标签内资源延迟加载,将该资源延迟到了页面文档全部解析和显示后再执行 |
已废弃,原是用于表示编写代码使用的脚本语言 | |
src | 可选,表示需要执行的外部脚本文件,使用该属性后标签内的js将不再有效,因此设置该标签后标签内就不要再编写代码了 |
type | 可选,可认为是language的替代品,表示编写代码使用的脚本语言的基本内容类型(MIME类型),常用的是text/javascript、text/ecmascript,目前这两种类型已不被推荐使用,但考虑到兼容性,最好还是将其设置为‘text/javascript’,即使选择text/javascript,但服务器在传送js文件时会将其MIME类型使用为‘application/x-javascript’ ,但若是直接在type中直接设置‘application/x-javascript’则又可能被忽略 |
<script>使用方法
1、引入外部脚本文件
<script type="text/javascript" src="../../test.js"></script>
2、直接嵌入在页面中
<script type="text/javascript">
let _fun=function(){
console.log("js嵌入页面的使用方式");
}
</script>
<script>的一些特征
1、由于js具有由上到下加载的性质,因此<script>
标签中的代码解析完成前,script标签后的内容不会被加载,因此常常将<script>
标签放在<body>
元素的最后面,但需注意若加载页面时需要操作DOM修改页面,则将标签放在此处就不再合适了;
2、<\/script>
标签仅作为结束标签使用,若代码中出现该标签即代表该标签到此闭合,若需将其作为字符串须将其转义,即<\/script>
,例如
<script type="text/javascript">
let _fun=function(){
console.log("<\/script>");
}
</script>
使用<script>的src属性的作用
1、可维护性
2、可缓存
3、适应未来