龙空技术网

javascript学习笔记 第2章

python学徒 109

前言:

此时大家对“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