gpt4 book ai didi

javascript - 在新标签页上自动打开 div 中的事件链接

转载 作者:行者123 更新时间:2023-11-28 16:01:04 26 4
gpt4 key购买 nike

一直在尝试在加载页面时在新选项卡上的 div 中自动打开事件链接

我无法编辑链接以添加 ID 或类,这样会容易得多:

  document.getElementById('yourLinkID').click();

如果我可以向链接添加 ID 但我不允许。

在我的页面上

 <div id="boss" class="boss">
<a href="http://example.com" title="Example.com">Example.com</a>
<a href="http://example.com" title="Example.com">Example.com</a>
<a href="http://example.com" title="Example.com">Example.com</a>
<a href="http://example.com" title="Example.com">Example.com</a>
</div>

这将在 JQuery 中完成,

$(function(){
$("#myDiv a").attr("target","_blank");
});

在 JavaScript 方面有什么帮助吗?工作 JS fiddle 将不胜感激。

最佳答案

获取你的子节点#boss -元素。比在新窗口/选项卡中打开它们中的每一个(不使用 jQuery):

var links = document.getElementById("boss").getElementsByTagName("a");

for(var i = 0; i < links.length; i++) {
window.open(links[i].getAttribute("href"), "_blank");
}
<div id="boss" class="boss">
<a href="http://example.com" title="Example.com">Example.com</a>
<a href="http://example.com" title="Example.com">Example.com</a>
<a href="http://example.com" title="Example.com">Example.com</a>
<a href="http://example.com" title="Example.com">Example.com</a>
</div>

注意:代码不会运行,因为 SO 会阻止弹出窗口被打开。

如果执行 JS,在 DOM 完全加载之前,运行此代码可能会出现问题。您可以通过将 JS 包装在您调用的函数中来防止这种情况发生 <body onLoad="yourFunctionName()"或者通过在您网站的最底部添加脚本,就在关闭之前 </body> -标签。

编辑:

只打开未访问 链接并不那么容易。 JavaScript 不允许通过“:list”-选择器选择链接(只返回未访问过的链接)。您需要存储已经打开的链接(在持久文件或其他文件中)并将元素中的每个列表与存储的列表进行比较,以获得未访问的链接。至少,这将是我实现这一目标的方法。

关于javascript - 在新标签页上自动打开 div 中的事件链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40132942/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com