浅谈script在html中的放置部位

之前1判断力得script在html中的任何部位都可以以,今日做1个要求的情况下才更改了自身的不正确观念啊--script的部位也并不是随意放的。

最先是想完成1个select标识,有是和无两个option,可是在原始化的情况下规定select标识默认设置挑选空值,因此我在点一下的情况下加了1个方式让他把空值删除:

XML/HTML Code拷贝內容到剪贴板
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <script src="jquery/jquery⑴.11.1.min.js"></script>  
  5. </head>  
  6. <script>  
  7. $('#checkcash').click(function () {   
  8.         if ($('#checkcash').val() == '0') {   
  9.             $("#checkcash option[value='0']").remove();   
  10.         }   
  11.     });   
  12.     $("#alert").click(function(){   
  13.     alert("1123");   
  14.     })   
  15. </script>  
  16. <body>  
  17.  是不是已提现 <select id="checkcash"   style="width: 181px">  
  18.                             <option selected="selected" value="0"></option>  
  19.                             <option value="1"></option>  
  20.                             <option value="2"></option>  
  21.                             </select>  
  22.                                 
  23.                             <input type='button' id='alert' value="anwo">  
  24. </body>  
  25.   
  26.   
  27. </html>  

可是这样其实不能做到要想的实际效果,最初认为是jquery英语的语法不正确还1直在网络上查,改,可是都无论用,后来忽然想起是否应当把script放到后边,试了1下,結果果然ok了,这才如梦初醒,原先并不是这样的。

后来查了1下缘故是由于,html文档是自上而下的实行方法,但引进的css和javascript的次序有一定的不一样,css引进实行载入时,程序流程依然往下实行,而实行到<script>脚本制作是则终断进程,待该script脚本制作实行完毕以后程序流程才再次往下实行。因此,1般将script放在body以后是由于防止长期实行script脚本制作而延迟时间堵塞。而有1些网页页面的实际效果的完成,是必须预先动态性的载入1些js脚本制作,因此这些脚本制作应当放在<body>以前。其次,不可以将必须浏览dom元素的js放在body以前,由于此时都还没刚开始转化成dom,因此在body以前的浏览dom元素的js会错误,或失效。便是由于这个,在dom没转化成好时我就给它加上了方式,才致使这样。

真的应当多学习培训许多地区认为因此然了,却没深究。之后还要加油!

 ps:实际上也有此外1种方式,那便是用jquery的原始化网页页面方式,把上面给标识加上的点一下恶性事件添加到$(function(){})中也是能够的,基本原理和上面是1样的,这个方式是等网页页面载入好了才实行,因此无论放在哪儿都可以以了!

以上这篇浅谈script在html中的放置部位便是网编共享给大伙儿的所有內容了,期待能给大伙儿1个参照,也期待大伙儿多多适用脚本制作之家。