码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript学习笔记二:在HTML中使用JS

时间:2016-04-25 22:48:21      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:

1. <script>元素的6个属性:async、defer、charset、language、src、type

    其中只有src最为常用,其他的使用缺省值即可。

2. 通过<script>元素引用外部文件示例:

1 <script src="example.js"></script>

    注:

        a. 为了符合html规范以及浏览器的兼容性,尽量不要写成下面的样式。

1 <script src="example.js" />

        b. 带有src属性的<script>和</script>标签之间不应再包含JS代码,即使包含了也会被浏览器忽略。

        c. src属性可以包含来自外部域的JS文件。

        d. 只要不特别设定defer和async属性,浏览器会按照<script>元素在页面出现的先后顺序进行解析。

3.<script>标签在html页面中的位置:

 传统做法是放在<head></head>标签中

        优点:便于维护,一目了然引用了哪些外部脚本。

        缺点:对于外部脚本文件过大的情况,会引起页面呈现延迟。(因为浏览器必须等到全部JS代码都被下载、解析和执行完后才呈现<body>的内容)。

   现代web应用程序一般都把全部JS引用放在<body>元素中页面内容的后面。这样即使JS文件过大也不会影响页面的加载速度。

   <script>标签的两个属性(async、defer)也可以一定程度上解决以上问题,但设置这两个属性后不能保证各引用文件按在页面中出现的先后顺序执行,所以也有一定弊端,尤其是在各引用脚本文件存在相互依赖关系的时候需要慎用。

4.页面嵌入JS还是引用外部JS?

   一般认为最好的做法是引用外部JS,优点如下

   a. 可维护性,开发人员编辑JS代码是可以不触及html标签。

   b. 可缓存,使用同一外部JS文件的不同页面,不需要重复加载外部文件。

   c. 适应未来,一些嵌入JS的写法很可能不符合XHTML,HTML5等规范而导致页面加载异常,使用引用外部JS的方式更安全,更能适应新的标准和规范。

5.<noscript>标签,在脚本无效的情况下向用户显示一条信息。通常用于用户有可能禁用浏览器脚本的时候,提示用户解除脚本禁用。

JavaScript学习笔记二:在HTML中使用JS

标签:

原文地址:http://www.cnblogs.com/rocklee2016/p/5410239.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!