前端页面中script要如何进行摆放

今天分享下”前端页面中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给大家介绍的所有内容,希望对大家有所帮助,如果大家有任何疑问请在脚本之家留言,如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值