欢迎使用CSDN-markdown编辑器

终于知道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!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值