01-在html中使用javascript

1.在使用<script>嵌入javascript代码时,记住不要在代码中的任何地方出现"</script>"字符串。例如:
<script>
     function sayScript(){
          alert("</script>")
}
</script>
以上代码遇到"</script>"就会认为那是结束标签。通过转义字符可以解决这个问题
<\ /script>
 
2.如果在带有src属性的<script>元素中如果包含嵌入的代码,则只会下载并执行外部脚本,嵌入的代码会被忽略
 
3.如果把外部的script的引用放在<head>中,意味着所有javascript代码都被下载、解析和执行完成之后,才开始呈现页面的内容。如果需要很多javascript的页面来说,无疑会导致浏览器造成延迟,延迟期间页面一片空白。
 
4.如果把script写在<body>标签的内容之后,在解析javascript代码之前,页面的内容将完全呈现在浏览器中。
 
5.HTML4.01定义了defer属性。这个属性的用途表明在脚本执行时不会影响页面的构造。脚本会延迟到整个页面执行完毕后再运行。相当于告诉浏览器立即下载,但延迟到遇到</html>标签后再执行,defer属于外部脚本文件,ie4~ie7还支持对嵌入脚本的defer属性。某些浏览器会直接忽略这个属性,因此把浏览器放在页面底部仍是最佳选择:
<script type="text/javascript" defer="defer" src="..."></script>
 
6.异步脚本
      HTML5为<script>定义了async属性。这个属性与defer属性类似,都用于改变脚本执行的行为,但只适用于外部脚本文件,async属性的目的是不让浏览器等待两个脚本的下载和执行,从而异步加载页面其他内容:
<script type="text/script" async src="..."></script>
 
7.在xhtml中的语法
     在xhtml中,比较语句中的<号会被当作一个新标签来解析,但是作为标签来说,小于号后面不能跟空格,可以用一个CData来包含代码,在CData中可以使用任意字符:
<script type="text/script"><![CData[
code...
]]></script>
      如果有浏览器不支持xhtml,因而不支持CData片段,使用注释将CData注释掉就可以了:
<script type="text/script">
//<![CData[
code...
//]]></script>
 
 
 
posted @ 2017-08-04 15:50  focus1995  阅读(119)  评论(0编辑  收藏  举报