0

这是我到目前为止所拥有的。我有它，所以它们在新窗口中打开，但只有在选中复选框时我才想要它...

<!DOCTYPE html>
<html>
<head>

<script>
    function new() {
       if ( document.getElementById('checkbox').checked )
            window.open( 'y', 'n', 't', 'New Window' );
    }
    else
    {
        break;
    }

    var OpenNew = document.getElementById('opennew');
    OpenNew.addEventListener('click', OpenWin, false );
</script>
</head>
<body>

<p>
<form name="test">
<p>Open link in a new window &nbsp; <input type="checkbox" id="checkbox" name="check" /></p>
</form>
</p>
<p>
<h2>My favorite Websites to visit</h2>
<a href="http://www.youtube.com" target="new" id="y">Youtube</a><br />
<a href="http://www.newegg.com" target="new" id="n">Newegg</a><br />
<a href="http://www.twitch.tv" target="new" id="t">Twitch.tv</a><br />
</p>












</body>

</html>

如果检查然后打开，我不确定如何实际执行 if 语句。它目前确实在一个新选项卡中打开.. 我只需要在它被选中时才需要它。

对此的任何帮助将不胜感激！谢谢！

4

2 回答 2

0

不会为您重写它，但希望可以让您走上正确的道路。

首先，用于target="_blank"在新窗口target="_self"中打开，在同一窗口中打开。

您需要做的就是向<a>标签添加一个事件侦听器，该侦听器仅检查复选框是否被选中，然后相应地设置目标属性。

我建议先阅读 Javascript 事件侦听器。

JQuery 将使这更简单，但在继续使用 JQuery 之前了解 Javascript 可能会很好。

一些有用的链接

在元素上添加事件侦听器 - Javascript

检查复选框是否被选中 javascript

http://www.java2s.com/Code/JavaScript/HTML/Changethetargetattributeofalink.htm

于 2013-10-17T16:14:17.967 回答
0 
<p>Open link in a new window &nbsp; <input type="checkbox" id="checkbox" name="check" onclick="ss()"/></p>

<span id="w">Youtube</span><br />
<span id="qq">Newegg</span><br />
<span id="aa">Twitch.tv</span><br /> 

<script>
  function ss() {
    if (document.getElementById('checkbox').checked) {

      for (i = 0; i < 3; i++) {
        var clear = document.getElementsByTagName("span")[i]
        clear.innerHTML = "";
      }

      var d = document.getElementById("w");
      var ele = document.createElement("a");
      var t = document.createTextNode("Youtube");
      ele.setAttribute('href', 'http://www.youtube.com');
      ele.appendChild(t);
      d.appendChild(ele);

      var d2 = document.getElementById("qq");
      var ele2 = document.createElement("a");
      var t2 = document.createTextNode("Newrag");
      ele2.setAttribute('href', 'http://www.newegg.com');
      ele2.appendChild(t2);
      d2.appendChild(ele2);

      var d3 = document.getElementById("aa");
      var ele3 = document.createElement("a");
      var t3 = document.createTextNode("Twich.tv");
      ele3.setAttribute('href', 'http://www.twitch.tv');
      ele3.appendChild(t3);
      d3.appendChild(ele3);

    }
  }
</script>
于 2013-10-17T20:41:28.957 回答