Question

可以在以下网址查看代码：

                 http://fxv4.com/js/java.html

（来源：view-source：http：//fxv4.com/js/java.html）

问题是内部的代码不会改变url。问题并不大，但如果删除标签，则该功能不起作用。倒计时。我只想要的是js btn里面的url作为普通的submit / js btn隐身。

感谢您的帮助，谢谢！

Answer 1

您当前的代码：

<a href="http://fxv4.com/js/java.html" id="download" class="button"> 
  <button onclick="window.location='http://URL undefined';">Visit Page Now</button>
</a>

添加到按钮onclick return statement false，因此单击事件不会发送到父元素：

<a href="http://fxv4.com/js/java.html" id="download" class="button"> 
  <button onclick="window.location='http://URL undefined';return false">Visit Page Now</button>
</a>

Answer 2

您必须重新安排代码并了解HTML / JS的基础知识。请记住以下内容：

您应该只在<body>内放置HTML元素，而不在head内。
在加载DOM文档后，必须执行更改HTML元素的JavaScript代码。

示例：

<html>
  <head>
    <script type="text/javascript">

      // (2) Run JavaScript after DOM document has loaded.

      window.onload = function() {

          var message = document.getElementById('message');
          var button = document.getElementById('button');
          var counter = 5;

          var interval = setInterval(function() {
              if (counter === 0) {
                  button.style.display = 'block';
                  message.style.display = 'none';
                  clearInterval(interval);
              }
              message.innerHTML = 'You can view the url in ' + (counter--) + ' seconds.';
          }, 1000);

          button.onclick = function() {
              window.location = 'http://google.ch/';
          };

      };

    </script>
    <style type="text/css">
      button { display:none; }
    </style>
  </head>
  <body>
    <!-- (1) HTML element live inside the body. -->
    <span id="message">...</span>
    <button id="button">Visit Page Now</button>
  </body>
</html>

Javascript / Html ReplaceChild Url btn

2 个答案: