全球主机交流论坛

标题: [已解决]javascript新手请教一个问题 [打印本页]
作者: kangsgo    时间: 2017-4-28 15:07
标题: [已解决]javascript新手请教一个问题
本帖最后由 kangsgo 于 2017-4-28 15:11 编辑

书上说该代码点击连接后会替换文本，然而我没有发生，是哪里写错了吗？

  1. <html>
  2.     <head>
  3.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4.         <script type="text/javascript">
  5.             var d1 = document.getElementById("div1");
  6.             var a_link = document.getElementById("answer_link");
  7.             a_link.onclick = function()
  8.             {
  9.                    d1.innerHTML = "That is easy, the answer is <strong>4</strong>!";
  10.                return false;   
  11.             };
  12.         </script>
  13.     </head>
  14.     <body>
  15.     <div id="div1">
  16.         What is 2+2?
  17.     </div>
  18.     <div id="div2">
  19.         <a href="answer.html" id="answer_link">Get the answer</a>
  20.     </div>
  21.     </body>
  22. </html>
复制代码


参考连接:http://stackoverflow.com/questions/9552568/how-do-i-prevent-that-when-the-link-in-the-code-is-clicked-this-link-takes-me-to
作者: rooney    时间: 2017-4-28 15:08
你要把js代码放在div2元素的后面，否则d1和a_link取不到值
作者: wuting0122    时间: 2017-4-28 15:09
楼上已经说了，或者把 js 放到 window.onload = function(){ /* 放这里 */}
作者: kangsgo    时间: 2017-4-28 15:12
rooney 发表于 2017-4-28 15:08
你要把js代码放在div2元素的后面，否则d1和a_link取不到值

那我看有些script写在<head>标签里面的，这样他们怎么取值的？
作者: rooney    时间: 2017-4-28 15:16
kangsgo 发表于 2017-4-28 15:12
那我看有些script写在标签里面的，这样他们怎么取值的？

楼上的楼上说了，放到onload事件里面
作者: kangsgo    时间: 2017-4-28 15:22
rooney 发表于 2017-4-28 15:16
楼上的楼上说了，放到onload事件里面

好的，谢谢曼联传奇



欢迎光临 全球主机交流论坛 (https://ddzzz.eu.org/) Powered by Discuz! X3.4