当网页内出现很多链接，且链接需要在新窗口打开时。使用程序自动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>
相关推荐
辛苦的完成了一个站点的开发即将交付使用了，用户提出了一个要求，希望导航或产品或其它某一类的链接需要新窗口打开，一个一个的修改文件可能有几十个，或上百个文件，修改的链接点就更多了。我们怎么办呢？可以用...
Vue 中在新窗口打开页面是指在点击某个按钮或链接时，在新的浏览器窗口中打开一个页面，而不是在当前页面中打开。这种方式可以满足某些特殊的需求，如在点击某个按钮时，在新的浏览器窗口中打开一个统计页面。下面将...
同时，对于无障碍性（accessibility）的考虑也非常重要，新窗口打开链接可能会对使用屏幕阅读器的用户造成困扰。 总的来说，这个话题涵盖了HTML的基本语法、JavaScript的交互逻辑，以及Web设计原则，特别是用户体验...
本文将深入探讨如何使用JavaScript打开新窗口，并实现窗口居中和自定义窗口属性。 首先，我们来了解基本的`window.open()`方法。这个方法接受两个参数：要打开的URL和新窗口的名称。例如： ```javascript window....
1. **下载插件**：从可靠的来源获取“文章内容链接新窗口”插件的压缩包，确保文件完整无误。 2. **解压文件**：将压缩包解压到你的Discuz! 论坛的根目录，通常会有几个PHP文件和可能的CSS或JS文件。 3. **安装...
标题 "JQ 新窗口打开链接并设置参数" 涉及到的是使用jQuery库来实现JavaScript中的一个常见功能，即在新窗口中打开一个链接，并且可以传递参数。jQuery是JavaScript的一个轻量级库，它简化了DOM操作、事件处理、动画...
总的来说，JavaScript提供了多种方式来控制页面链接在新窗口打开。选择哪种方法取决于项目需求、兼容性考虑以及对页面性能的影响。使用jQuery可以提供更简洁的代码，而原生JavaScript则具有更广泛的浏览器兼容性。在...
在处理Tree节点时，特别是涉及到链接和新窗口打开的情况，有一些特定的技术要点需要注意。 首先，标题“extjs tree 节点 链接 新窗口”指的是在ExtJS的树形组件中，如何为节点设置链接并在点击时在新窗口中打开。...
JavaScript弹出新窗口并控制窗口移动到指定位置的方法知识点： 1. window.open()函数的使用：window.open()是JavaScript的一个内置函数，用于打开一个新的浏览器窗口或标签页。该函数一般包含三个参数：要加载的URL...
在网页设计中，链接的打开方式可以通过JavaScript进行控制，实现用户交互效果，比如模拟淘宝宝贝列表页中点击新窗口打开的功能。这个功能的核心在于利用JavaScript的事件处理和窗体属性来改变链接的默认行为。这里...
js 特效 html 特效 控制窗口打开链接 js 特效 html 特效 控制窗口打开链接
在JavaScript（JS）中，调用保存窗口和打开窗口是两个常见的操作，它们通常用于处理用户交互和数据管理。在Web应用中，这些功能能够增强用户体验，比如让用户下载文件、预览内容或打开新页面。下面我们将详细探讨这...
### window.open 打开新窗口参数设置详解 在前端开发中，`window.open()` 方法是浏览器内置的一个功能，用于在JavaScript中打开新的浏览器窗口。本文将深入探讨如何使用 `window.open()` 方法及其参数设置，帮助...
点击之后链接在新窗口弹出的功能，用之前先引入jquery的资源jquery.js
在网页设计和开发中，有时需要使用JavaScript来实现一些交互效果，其中之一就是延时弹出新窗口的功能。这种技术常用于广告展示、通知提示或者页面跳转，它允许开发者控制用户何时以及如何看到一个新的浏览器窗口。...
在HTML中创建一个在新窗口打开的链接是一个常见的需求，这可以通过设置标签的target属性来实现。本文将详细解释如何使用target属性以及JavaScript来创建这样的链接，并提供相关的代码示例。 通过使用target属性或...
" `：这个属性指定了点击该链接时执行的JavaScript函数`openNewWindow`，并传入了目标URL、新窗口的名称以及新窗口的大小等参数。 - `function openNewWindow(url, name, specs) { ... }`：定义了一个名为`openNew...
本文将详细介绍如何使用`window.open()`方法打开新窗口，并探讨如何避免被浏览器拦截的一些技巧。 #### 1. 基本使用方法 首先来看一下`window.open()`的基本用法： ```javascript window.open(URL, target, ...
这个插件允许用户在谷歌浏览器（Chrome）、火狐（Firefox）、360浏览器以及欧朋浏览器（Opera）等现代浏览器上，通过特定的URL链接来启动Internet Explorer（IE）的新窗口。这样，即使公司的某些内部项目是基于旧版...
以上介绍了在ASP.NET中使用JavaScript脚本打开新窗口的六种常见方法。不同的应用场景可能需要选择不同的技术方案。开发人员应根据实际需求，结合各种方法的特点来选择最适合的方式。此外，还应注意安全性和用户体验...