html页面下button的click事件无法触发

宋天琪

<head>
<title>开关灯</title>
<script src="../js/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
      $(function() {
      $("#switch").click(function() { $(document.body).toggleClass("night"); });//这段代码，我觉得没有什么错误，但我运行的时候就是无法实现页面背景颜色切换功能，我想问一下原因
      });
</script>
<style type="text/css">
.ninght{background-color:Black;}
</style>
</head>
<body>
<input type="button" value="开关灯" id="switch" />
</body>

彭书雄 · 彭书雄

没学过jQuery 表示有点看不懂只会原生js 有一个很重要的问题就是页面的加载顺序，如果js 放在上面就先加载上面是js代码，而html表单则没有加载进来
所以你获取表单元素就会为空，下面是我用js写的 window.onload 是文档加载完成后触发，可以改变元素的颜色

<head>
<title></title>
<style type="text/css" rel="stylesheet">
div
{
width:300px;
height:300px;
background:#ff0000;
}
</style>
<script type="text/javascript">
window.onload=function()
{
var oDiv = document.getElementById('div1');
oDiv.onmouseover=function()
{
oDiv.style.background='#686868';
}
oDiv.onmouseout=function()
{
oDiv.style.background='#00ff00';
}
}
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>

复制代码

帐号		自动登录	找回密码
密码			加入黑马

html页面下button的click事件无法触发

评分

1 个回复

评分