首页 > 代码库 > 常用的js事件

常用的js事件

onmouseover:鼠标放上去时触发事件

onmouseout:鼠标从上面移开时触发事件

onclick:鼠标单击事件

需求:点击页面上一个按钮,给body换背景图片

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">    </head>    <body>        <input type="button" id="bt" value="点击换肤" />        <script type="text/javascript">            window.onload = function() {                var bt = document.getElementById("bt");                bt.onclick = function() {                    document.body.style.backgroundImage = "url(img/1.png)"                }            }        </script>    </body></html>

上面代码中,获取body时用的是document.body,这是因为对于一个html来说,body只有一个,否则的话得用document.getElementById()了。

因为背景图片是样式,所以得用.style.backgroundImage="xxx"。

 

常用的js事件