使用JS让链接从新窗口打开

最新推荐文章于 2024-11-27 09:41:42 发布

wbj0110

最新推荐文章于 2024-11-27 09:41:42 发布

阅读量364

点赞数

CC 4.0 BY-SA版权

分类专栏： Js 文章标签：使用JS让链接从新窗口打开 Js ViewUI

本文链接：https://blog.youkuaiyun.com/wbj0110/article/details/84482942

Js 专栏收录该内容

22 篇文章

订阅专栏

本博客介绍如何使用JavaScript让网页内的链接在新窗口中打开，通过修改DOM元素属性实现，避免了大量使用target=_blank导致的代码冗余。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当网页内出现很多链接，且链接需要在新窗口打开时。使用程序自动target=”_blank”的话页面代码量会变大。下面是使用JS来时某个Div层里的链接在新窗口打开的方法。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使用JS让链接从新窗口打开</title>
</head>
<body>
<div id="test">
<a href=http://www.google.cn>谷歌</a><a href=http://www.baidu.com>百度</a><a href=http://cn.bing.com>必应</a>
</div>
<a href=http://www.biaodianfu.com>标点符</a>
<script type="text/javascript">
var demo = document.getElementById('test');
        for (var i = 0; i < demo.childNodes.length; i++) {
            if (demo.childNodes[i].tagName == 'A')
                demo.childNodes[i].target = '_blank';
        }
</script>
</body>
</html>