html中script位置,浅谈script在html中的摆放位置

以前一直觉得script在html中的任何位置都可以，今天做一个需求的时候才更正了自己的错误思想啊--script的位置也不是随便放的。

首先是想实现一个select标签，有是和无两个option，但是在初始化的时候要求select标签默认选择空值，所以我在点击的时候加了一个方法让他把空值删掉：

XML/HTML Code复制内容到剪贴板

html>

$('#checkcash').click(function () {

if ($('#checkcash').val() == '0') {

$("#checkcash option[value='0']").remove();

}

});

$("#alert").click(function(){

alert("1123");

})

是否已提现

是

否

但是这样并不能达到想要的效果，起初以为是jquery语法错误还一直在网上查，改，但是都不管用，后来突然想到是不是应该把script放到后面，试了一下，结果果真ok了，这才恍然大悟，原来不是这样的。

后来查了一下原因是因为，html文件是自上而下的执行方式，但引入的css和javascript的顺序有所不同，css引入执行加载时，程序仍然往下执行，而执行到

真的应该多学习很多地方以为所以然了，却没深究。以后还要加油！

ps：其实还有另外一种方法，那就是用jquery的初始化页面方法，把上面给标签添加的点击事件加入到$(function(){})中也是可以的，原理和上面是一样的，这个方法是等页面加载好了才执行，所以不管放在哪都可以了！

以上这篇浅谈script在html中的摆放位置就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。