javascript要小心函数嵌套

来源：互联网发布：天天向上知乎编辑：程序博客网时间：2024/06/05 03:00

我的HTML代码<body onload="a()">    <div id="a"></div>    <div id="b"></div>    <input id="c" type="button" name="ok" value="pululu" >  </body>然后在head中引入javascript文件了在javascript中function a(){document.getElementById("a").innerHTML="2015-<b>10</b>-11";document.getElementById("b").innerText="2015-<b>10</b>-11";var button=document.getElementById("c");button.onClick=clikc();function click(){alert("ff");}}这里按那个按钮没有反应，然后直接在HTML中的按钮那里加上onclick="click()"也无法实现效果。。。。求助然后还有个问题，就是我如果在javascript中单独写document.getElementById("a").innerHTML="2015-<b>10</b>-11";document.getElementById("b").innerText="2015-<b>10</b>-11";就不能执行，但是把这两句写在一个函数中就可以执行了，这是为啥呢。。

之后的回答解决了我的问题。。。

<span style="color: rgb(51, 51, 51); font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: 14px; line-height: 24px; background-color: rgb(245, 245, 245);">1、你的两个function函数嵌套了，你把click()方法写在外面，然后用button的onclick去绑定调用就可以了</span><br style="box-sizing: content-box; color: rgb(51, 51, 51); font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: 14px; line-height: 24px; background-color: rgb(245, 245, 245);" /><br style="box-sizing: content-box; color: rgb(51, 51, 51); font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: 14px; line-height: 24px; background-color: rgb(245, 245, 245);" /><span style="color: rgb(51, 51, 51); font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: 14px; line-height: 24px; background-color: rgb(245, 245, 245);">2、在函数外写的 javascript 会在页面初始化值钱调用,  页面未初始化时 自然没有 id为 a和b的标签,</span><br style="box-sizing: content-box; color: rgb(51, 51, 51); font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: 14px; line-height: 24px; background-color: rgb(245, 245, 245);" /><span style="color: rgb(51, 51, 51); font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: 14px; line-height: 24px; background-color: rgb(245, 245, 245);">而在方法中写 会在页面初始化完成后调用 ,自然会取到值..</span>

之后又自己发现<span style="color: rgb(51, 51, 51); font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: 14px; line-height: 24px; background-color: rgb(245, 245, 245);">是click（）这个函数名有问题。。。。貌似不能用这个名字做函数名</span>

0 0