附加onclick链接javascript

时间:2017-01-01 11:17:44

标签: javascript google-chrome firefox

追加:

_target="_blank"

对于我使用的HTML页面中的所有链接:

var links = document.querySelectorAll("a");
  for (var i=0;i<links.length;i++) {
    links[i].target="_blank";
  }

但出于某种原因,当我使用完全相同的代码并尝试追加:

onclick="alert(2)"

像这样:

var links = document.querySelectorAll("a");
  for (var i=0;i<links.length;i++) {
    links[i].onclick="alert(2)";
  }

它不起作用。

有人能告诉我怎么做吗? (最好用javascript而不是jQuery)

谢谢!

3 个答案:

答案 0 :(得分:0)

尝试

links[i].onclick = function() { alert(2); };

答案 1 :(得分:0)

您可以稍微修改一下原始查询:

var links = document.querySelectorAll("a");
  for (var i=0;i<links.length;i++) {
    links[i].onclick=function() { alert(2) };
  }

答案 2 :(得分:0)

正如其他答案所示,onclick属性应包含一个函数。如果您确实要分配Javascript代码字符串,可以使用setAttribute

&#13;
&#13;
var links = document.querySelectorAll("a");
for (var i = 0; i < links.length; i++) {
  links[i].setAttribute('onclick', "alert(2)");
}
&#13;
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
<a href="#">Link 4</a>
&#13;
&#13;
&#13;