HTML OnChange侦听器在HTML标记中的位置

Coo*_*tar 4 html javascript

我在使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)

Tee*_*emu 6

这样说吧:

<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)