我在使OnChnage Listener工作时遇到问题,如果我在</form>标签之后放置脚本,监听器工作正常,但是如果我将脚本放在<head>标签内则无法工作.
在我的网站上,我只能让<head>标签内的脚本有什么可以让脚本在<head>标签内运行吗?
在此配置中,脚本不起作用
<head>
<script type="text/javascript">
if(window.addEventListener) {
document.getElementById('address').addEventListener('change', loadXMLDoc, false);
} else if (window.attachEvent){
document.getElementById('address').attachEvent("onchange", loadXMLDoc);
}
function loadXMLDoc(){
alert('worked');
}
</script>
</head>
<body>
<form>
<input id="address" name="address" type="text"/>
<input id="test" name="test" type="text"/>
</form>
Run Code Online (Sandbox Code Playgroud)
这样说吧:
<head>
<script type="text/javascript">
window.onload= function () {
if(window.addEventListener) {
document.getElementById('address').addEventListener('change', loadXMLDoc, false);
} else if (window.attachEvent){
document.getElementById('address').attachEvent("onchange", loadXMLDoc);
}
function loadXMLDoc(){
alert('worked');
}
}
</script>
</head>
Run Code Online (Sandbox Code Playgroud)