前言:
此时大家对“htmlnojs”大致比较看重,同学们都需要了解一些“htmlnojs”的相关文章。那么小编同时在网摘上汇集了一些对于“htmlnojs””的相关文章,希望咱们能喜欢,小伙伴们快快来了解一下吧!对应西瓜视频地址:
第2章 在HTML中使用javascript
2.1 <script>元素
1、两种方式使用<script>元素:
1、页面中嵌入;
<script type=”text/javascript”> 代码段</script>
在代码段中不能出现</script>,如果要显示,需要转义:<\/script>
2、包含外部javascript文件。
<script type=”text/javascript” src=”example.js”></script>2、6个属性
async:表示应该立即下载脚本,但不应妨碍页面中的其他操作;异步脚本一定会在页面的load事件前执行;
charset:指定代码的字符集;
defer:脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本文件有效;
src:指定外部文件的位置;
type:
ecmascript:
3、标签位置
传统做法:<head>与</head>中
现行做法:<body>与</body>中,挨着</body>
4、延迟脚本
先下载,但等整个页面都解析完毕后再运行。
<scriptsrc=”js/js.js”defer=”defer”></script>
如果script语句在head中,那会在DOMContentLoaded事件前运行。
defer只能用于外部脚本文件
5、异步脚本
页面在下载js的同时也加载页面,不用等js下载完才加载。
异步脚本在页面的load事件前执行,并可能会在DOMContentLoaded事件触发之前或之后执行。
<scriptsrc="js/js.js"async></script>6、文档模式
默认为混杂模式
标准模式更接近标准行为。
7、<noscript>元素
浏览器不支持javascript或关闭掉了javascript功能时能显示其中内容:
<noscript> <p>本页面需要浏览器支持(启用)javascript</p></noscript>
标签: #htmlnojs