zoukankan      html  css  js  c++  java
  • 函数必须绑定事件才可以

     1 <!DOCTYPE html>
     2 <html>
     3 <head>
     4 <meta charset="utf-8">
     5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     6 <title>练习</title>
     7 <style type="text/css">
     8     div{width: 300px;height: 300px;border:1px solid #ccc;}
     9 </style>
    10 <script type="text/javascript">
    11 window.onload=function (){
    12     document.getElementById('btn').=function (){
    13         document.getElementsByTagName('div')[0].style.background='red';
    14     }
    15 }
    16 </script>
    17 </head>
    18 <body>
    19 <input type="button" value="变红" id="btn"/>
    20 <div></div>
    21 </body>
    22 </html>

    因为button后面没有对要写的函数绑定事件

    解决办法:

     1 <!DOCTYPE html>
     2 <html>
     3 <head>
     4 <meta charset="utf-8">
     5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     6 <title>练习</title>
     7 <style type="text/css">
     8     div{width: 300px;height: 300px;border:1px solid #ccc;}
     9 </style>
    10 <script type="text/javascript">
    11 window.onload=function (){
    12     document.getElementById('btn').onclick=function (){
    13         document.getElementsByTagName('div')[0].style.background='red';
    14     }
    15 }
    16 </script>
    17 </head>
    18 <body>
    19 <input type="button" value="变红" id="btn"/>
    20 <div></div>
    21 </body>
    22 </html>
    衣带渐宽终不悔,为伊消得人憔悴,憔悴半天也没用,还是努力起来人富贵
  • 相关阅读:
    Linux新手随手笔记2.4-使用DHCP动态管理主机地址
    在word中输入任意角度旋转图片
    VBA注释临时
    VBA改写VBA代码
    【转载】robocopy的用法
    Excel数组排序+图片统一大小
    一键调节音量
    合并文档时让第一页为奇数
    智能跳转---TC资源管理器
    win7一键拖动生成快速启动栏
  • 原文地址:https://www.cnblogs.com/zhangjingyun/p/4663723.html
Copyright © 2011-2022 走看看