js文件在同一个页面重复调用问题

JavaScript013

js文件在同一个页面重复调用问题,第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>

这样就好了

自定义函数就是说自己写的函数,只有自己调用,或是自己共享给别人后别人才可以调用的。也可以理解为私有函数。

function a(){alert(1)} //定义一个函数,名字是a。函数调用,就是让函数执行。

a() //函数名字后面加一对小括号就可以执行了, 页面中将弹出一个 1