web前端开发初学者十问集锦分析.doc

web前端开发初学者十问集锦 1.script标签可以放置在什么位置 答：script标签可以放置在html文件的任何地方（any where），比如既可以放置在html标签外，也可以放置在head内，也可以放置在body内，也可以放置在meta内。如下所示： html标签外: html body /body /html script type=text/javascript document.write(h1Hello World!/h1) /script head内: html head meta charset=utf-8/ script type=text/javascript document.write(h1Hello World!/h1) /script /head /meta body /body /html body内: html head meta charset=utf-8/ /head /meta body script type=text/javascript document.write(h1Hello World!/h1) /script /body /html meta内： html head meta charset=utf-8 script type=text/javascript document.write(h1Hello World!/h1) /script meta /head /meta body /body /html 2.script标签应该放置在什么位置，有什么区别？ 我们知道，script标签可以放置在html文档的任何位置。那实际使用中，应该放置在什么位置呢？ 区别：不同的位置，其区别主要是javascript脚本加载执行的顺序。浏览器对于html文件的解析是由上往下线性加载并解析，script作为html代码的一部分同样遵循这个原则，所以位置靠前的script先被执行。 写在html内还是独立成外部js文件: javascript代码是放置在html文件中还是放置在独立的js文件中坚持的原则是：不同html文件共用的js脚本单独放在js文件中，不共用的放在各自的html文件中。 在html文件中决定javascript脚本放置的位置需要坚持以下几项原则： （1）head标签是前于body标签处理的，按照惯例，将没有引用html元素的js脚本置于head标签内； （2）将引用了html文件元素的js脚本置于/body标签与/html标签之间，或者放置在/html标签外，即html文件的最后面。 放置在head标签内的js脚本需要注意： 这意味着必须等到全部JavaScript 代码都被下载、解析和执行完成以后，才能开始呈现页面的内容（浏览器在遇到body标签时才开始呈现内容） 。对于那些需要很多JavaScript 代码的页面来说，这无疑会导致浏览器在呈现页面时出现明显的延迟，而延迟期间的浏览器窗口中将是一片空白。解决的办法就是将js脚本置于html标签后或者至于body标签的最后。 3.script标签内Javascript脚本在页面加载时会执行吗？ 会执行。在html页面内定义的Javascript脚本和由src属性指定的外部脚本，都被执行。因为html页面上的Javascript代码是HTML文档的一部分，所以Javascript在页面装载时执行的顺序就是其引入标记script的出现顺序，在前者先执行。如下面的html和js脚本文件。 js脚本文件: alert(已加载3); function load1(){ alert(已加载4); } 1 2 3 4 html文件： !DOCTYPE html html head meta charset=utf-8 / script type=text/javascript alert(页面已加载1！); function load(){ alert(页面已加载2); } /script script type=text/javascript src=test.js/script /head body onload=load() h1Hello World!/h1 /body /html script type=text/javascript alert(页面已加载5！); /script