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

<script>function seeBig(_this) { document.getElementById("view_img").src=document.getElementById(_this).src} </script><body><table border="0" width="100%" cellspacing="3" cellpadding="3"> <tr> <td align="center"><span class="spic"> <a href="javascript:void(0)" style="cursor:pointer"> <img border="0" id="a" src="http://img.baidu.com/img/iknow/avarta/110/r6s1g5.gif" width="110" height="150" onClick="seeBig('a')"></a></span></td> <td align="center"><span class="spic"> <a href="javascript:void(0)" style="cursor:pointer"> <img border="0" id="b" src="http://img.baidu.com/img/logo-zhidao.gif" width="137" height="46" onClick="seeBig('b')"></a></span></td> </tr> <tr> <td colspan="4" align="center" id="viewPic"><img id="view_img" border="0" src="pics/p1.jpg"></td> </tr></table><table border="0" width="100%" cellspacing="3" cellpadding="3"> <tr> <td align="center"><span class="spic"> <a href="javascript:void(0)" style="cursor:pointer"> <img src="http://static.youku.com/v1.0.0625/index/img/youkulogo-s.png" name="c" width="88" height="22" border="0" id="c" onClick="seeBig('c')"></a></span></td> <td align="center"><span class="spic"> <a href="javascript:void(0)" style="cursor:pointer"> <img src="http://www.iciba.com/images/logos/logo_cd.jpg" name="d" width="190" height="72" border="0" id="d" onClick="seeBig('d')"></a></span></td> </tr></table></body> js里不要用document.all 这句在ie里还行,有些浏览器不兼容这句! 我这里也没有用 this 而是直接指明了id号, <img id="b" onClick="seeBig('d')" src=......">