终于知道HTML和JS是怎么分离的了。。之前看书不认真。。也没有看懂。
我们知道在HTML中添加JS事件,如“οnclick=”xx();”,但是为了维护和重用的方便,我们需要进行JS和HTML的分离。
在HTML添加
<script type='text/javascript' src='xx.js'></script>
后,在js代码中进行对HTML文件的事件添加。所有的函数绑定都放在window.onload中,这样在页面加载出来之后,所有的事件就都能成功绑定了。
例:
onload = function() //window. 可以省略
{
document.getElementById("decision1").onclick = function()
{
changeScene(1); //这里要注意,调用其他函数一定要先用函数字面量,然后在该函数中再进行其它函数的调用。。之前一直搞不懂。。。囧了。
}
document.getElementById("decision1").onmouseover = function()
{
this.className = 'decisionhover'; //可以调用this指针
}
}
然后需要注意的一个就是,如果将js文件的加载放在head标签中的话,可能导致js文件大,页面加载时间边长这样的事情发生。可以将js文件的加载放在body内容的顶部,例:
<body>
<script type="text/javascript" src="stick.js"></script>
over!