今天分享下”前端页面中script要如何进行摆放“这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。 之前一直觉得script在html中的任意部位都能够,今日做一个要求的过程中才更改了自个的错误观点啊–script的部位也不是随意放的。
最先是想建立一个select标识,有是和无2个option,可是在复位的情况下规定select标识默认设置挑选空值,因此我还在点一下的情况下加了一个方式使他把空值删除:
XML/HTML Code拷贝內容到剪贴板
<!DOCTYPE html>
<html>
<head>
<script src="jquery/jquery-1.11.1.min.js"></script>
</head>
<script>
$('#checkcash').click(function () {
if ($('#checkcash').val() == '0') {
$("#checkcash option[value='0']").remove();
}
});
$("#alert").click(function(){
alert("1123");
})
</script>
<body: http://www.qlyl1688.com/ >
是否已提现 <select id="checkcash" style="width: 181px">
<option selected="selected" value="0"></option>
<option value="1">是</option>
<option value="2">否</option>
</select>
<input type='button' id='alert' value="anwo">
</body>
</html>
可是那样并不可以做到需要的实际效果,最初认为是jquery拼写错误还一直在网络上查,改,可是都无论用,之后就想起是否应当把script放进后边,试了一下,結果果然ok了,这才如梦初醒,原先不是这样的。
之后查了一下缘故是由于,html文档是由上而下的执行方法,但引入的css和javascript的次序各有不同,css引入执行载入时,程序流程依然向下执行,而执行到script脚本是则终断进程,待该script脚本执行完毕以后程序流程才再次向下执行。因此,一般将script放在body以后是由于防止长期执行script脚本而延迟时间堵塞。而有一些网页页面的成效的完成,是必须 事先动态性的载入一些js脚本,因此这种脚本应当放在以前。次之,不可以将必须 浏览dom原素的js放在body以前,由于这时都还没逐渐转化成dom,因此在body以前的浏览dom原素的js会错误,或是失效。便是由于这一,在dom没转化成费力罗我便给它加上了方法,才造成那样。
确实应当多学习培训许多地区认为缘由了,却没细究。之后还需要给油!
ps:实际上也有此外一种方法,那便是用jquery的复位网页页面方法,把上边给标识加上的点击事件添加到$(function(){})中也是应该的,原理和上边是一样的,这一方法是等页面加载好啦才执行,因此无论放在哪都就行了!
以上是云南仟龙Mark给大家介绍的所有内容,希望对大家有所帮助,如果大家有任何疑问请在脚本之家留言,如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!