在html中使用javascript注意事项
来源:互联网 发布:芒果tv没有mac版 编辑:程序博客网 时间:2024/06/08 02:40
把javascript插入到html页面中要使用<script>元素。使用这个元素可以把javascript嵌入到html页面中,让脚本与标记混合在一起,也可以使用外部的javascript文件,需要注意的几点有:
1.在包含外部javascript文件时,必须将src属性设置为指向相应文件的url。这个文件既可以是与包含它的页面位于同一服务器上的文件,也可以是其他任何域中的文件。
2.所有<script>元素都会按照他们在页面中出现的先后顺序依次被解析。在不使用defer和async属性的情况下,只有在解析完前面的<script>元素中的代码之后,才会开始解析后面的<script>元素中的代码。
defer:<script>六个属性之一。表示脚本可以延迟到文档完全被解析后显示后再执行。只对外部脚本文件有效。HTML5规范要求脚本按照他们出现的先后顺序执行,因此,多个defer属性的script脚本会按顺序执行,并且先于DOMContentLoaded事件。在实际使用当中不一定会按照这种情况执行。支持html5的实现会忽略这个属性。因此把脚本放到页面底部是最佳选择。async,和defer类似,只适用于外部文件,告诉浏览器立即下载文件。但是与defer不同的是,标记为async的脚本并不保证按照指定他们的先后顺序执行。
3.由于浏览器会先解析完不使用defer属性的<script>元素中代码,然后再解析后面的内容,所以一般应该把<script>元素放在页面最后,即主要内容后面,</body>标签前面。
4.使用defer属性可以让脚本在文档完全呈现之后再执行,延迟脚本总是按照指定他们的顺序执行。
5.使用async属性可以表示当前脚本不必等待其他脚本,也不必阻塞文档呈现。
另外,当浏览器不支持javascript时可以创造一个<noscript>元素,当浏览器不支持javascript时显示相关内容。这个元素能够包含出现在文档<body>中的任何html元素——<script>除外。包含<noscript>元素中的内容只有在下列情况下才会显示出来:
浏览器不支持脚本
浏览器支持脚本,但是脚本被禁用。
符合任何一个条件,浏览器都会显示<noscript>元素中的内容。
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" defer="defer" src="style.js" > </script> </head> <body> <noscript> <p> 本页面需要浏览器启用javascript! </p> </noscript> </body></html>
- 在html中使用javascript注意事项
- Html在Brackets中使用注意事项
- 在HTML中使用JavaScript
- 在HTML中使用JavaScript
- 在HTML中使用javascript
- 在HTML中使用JavaScript
- 在HTML中使用JavaScript
- 在HTML中使用JavaScript
- 在HTML中使用JavaScript
- 在HTML中使用JavaScript
- 在HTML中使用javascript
- 在HTML中使用JavaScript
- javaScript在html中使用
- 在HTML中使用JavaScript
- 在 HTML 中使用 JavaScript
- 在HTML中使用JavaScript
- 在 HTML 中使用 JavaScript
- 在HTML中使用JavaScript
- 剑指offer面试题19:二叉树的镜像
- Android 动画的基本原理
- 湖南省第十二届大学生计算机程序设计竞赛 A 2016
- select into from 和 insert into select 的用法和区别
- 大数相加
- 在html中使用javascript注意事项
- Android——Tomcat版本更新下载+头像照片上传到Tomcat
- office 2010 Word,Excel的功能区突然消失了
- 消息队列入门(二)消息队列的规范和开源实现
- [CSU 1803(湖南省赛16)] 有向无环图 (DAG+公式化简)
- 【Visual C++】一些开发心得与调试技巧
- 《Effective C++》学习总结
- Eclipse安装svn插件的几种方式
- leetcode_easy 344、reverse string