Question

一个网页中两个地方要使用同一段js代码？





Answer 1

楼主问的是否是这种情况

<div id="msg"></div>
<script>
num = 0;
 
num++;
document.getElementById("id").innerHTML+="这是第"+num+"次加载";
</script>

上面这段代码只能加载一次

但是如过将需要反复调用的代码段放入一个方法中

<div id="msg"></div>〈input type="button" onClick = "test()"〉
<script>
num = 0;
function test(){
    num++;
    document.getElementById("id").innerHTML+="这是第"+num+"次加载";
}
</script>

这样就做到了反复加载，与C或java中的函数是一样的

但是我们发现这样一来，在页面加载的时候就没有了第一行

那么把最上面的那段代码等价写成这样

<div id="msg"></div>〈input type="button" onClick = "test()"〉
<script>
num = 0;
window.onload = function(){test();}
function test(){
    num++;
    document.getElementById("id").innerHTML+="这是第"+num+"次加载";
}
</script>

这样就好了