`
wbj0110
  • 浏览: 1598655 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

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

    博客分类:
  • Js
阅读更多

当网页内出现很多链接,且链接需要在新窗口打开时。使用程序自动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中在新窗口打开页面及Vue-router的使用

    Vue 中在新窗口打开页面是指在点击某个按钮或链接时,在新的浏览器窗口中打开一个页面,而不是在当前页面中打开。这种方式可以满足某些特殊的需求,如在点击某个按钮时,在新的浏览器窗口中打开一个统计页面。下面将...

    如何用CSS实现在新窗口打开链接?.rar

    辛苦的完成了一个站点的开发即将交付使用了,用户提出了一个要求,希望导航或产品或其它某一类的链接需要新窗口打开,一个一个的修改文件可能有几十个,或上百个文件,修改的链接点就更多了。我们怎么办呢?可以用...

    打开链接,在新窗口还是同一窗口

    同时,对于无障碍性(accessibility)的考虑也非常重要,新窗口打开链接可能会对使用屏幕阅读器的用户造成困扰。 总的来说,这个话题涵盖了HTML的基本语法、JavaScript的交互逻辑,以及Web设计原则,特别是用户体验...

    js打开新窗口,js打开居中窗口,js打开自定义窗口

    本文将深入探讨如何使用JavaScript打开新窗口,并实现窗口居中和自定义窗口属性。 首先,我们来了解基本的`window.open()`方法。这个方法接受两个参数:要打开的URL和新窗口的名称。例如: ```javascript window....

    discuz论坛插件DZ插件 文章内容链接新窗口

    1. **下载插件**:从可靠的来源获取“文章内容链接新窗口”插件的压缩包,确保文件完整无误。 2. **解压文件**:将压缩包解压到你的Discuz! 论坛的根目录,通常会有几个PHP文件和可能的CSS或JS文件。 3. **安装...

    JQ 新窗口打开链接并设置参数

    标题 "JQ 新窗口打开链接并设置参数" 涉及到的是使用jQuery库来实现JavaScript中的一个常见功能,即在新窗口中打开一个链接,并且可以传递参数。jQuery是JavaScript的一个轻量级库,它简化了DOM操作、事件处理、动画...

    Javascript控制页面链接在新窗口打开具体方法

    总的来说,JavaScript提供了多种方式来控制页面链接在新窗口打开。选择哪种方法取决于项目需求、兼容性考虑以及对页面性能的影响。使用jQuery可以提供更简洁的代码,而原生JavaScript则具有更广泛的浏览器兼容性。在...

    extjs tree 节点 链接 新窗口

    在处理Tree节点时,特别是涉及到链接和新窗口打开的情况,有一些特定的技术要点需要注意。 首先,标题“extjs tree 节点 链接 新窗口”指的是在ExtJS的树形组件中,如何为节点设置链接并在点击时在新窗口中打开。...

    JavaScript弹出新窗口并控制窗口移动到指定位置的方法

    JavaScript弹出新窗口并控制窗口移动到指定位置的方法知识点: 1. window.open()函数的使用:window.open()是JavaScript的一个内置函数,用于打开一个新的浏览器窗口或标签页。该函数一般包含三个参数:要加载的URL...

    Js控制链接打开方式

    在网页设计中,链接的打开方式可以通过JavaScript进行控制,实现用户交互效果,比如模拟淘宝宝贝列表页中点击新窗口打开的功能。这个功能的核心在于利用JavaScript的事件处理和窗体属性来改变链接的默认行为。这里...

    js 特效 html 特效 控制窗口打开链接

    js 特效 html 特效 控制窗口打开链接 js 特效 html 特效 控制窗口打开链接

    JS 调用保存窗口和打开窗口

    在JavaScript(JS)中,调用保存窗口和打开窗口是两个常见的操作,它们通常用于处理用户交互和数据管理。在Web应用中,这些功能能够增强用户体验,比如让用户下载文件、预览内容或打开新页面。下面我们将详细探讨这...

    window.open打开新窗口参数设置

    ### window.open 打开新窗口参数设置详解 在前端开发中,`window.open()` 方法是浏览器内置的一个功能,用于在JavaScript中打开新的浏览器窗口。本文将深入探讨如何使用 `window.open()` 方法及其参数设置,帮助...

    让链接在新窗口弹出页面

    点击之后链接在新窗口弹出的功能,用之前先引入jquery的资源jquery.js

    廷时弹出新窗口js代码

    在网页设计和开发中,有时需要使用JavaScript来实现一些交互效果,其中之一就是延时弹出新窗口的功能。这种技术常用于广告展示、通知提示或者页面跳转,它允许开发者控制用户何时以及如何看到一个新的浏览器窗口。...

    如何在HTML中创建打开新窗口的链接

    在HTML中创建一个在新窗口打开的链接是一个常见的需求,这可以通过设置标签的target属性来实现。本文将详细解释如何使用target属性以及JavaScript来创建这样的链接,并提供相关的代码示例。 通过使用target属性或...

    超链接弹出独立新窗口代码

    " `:这个属性指定了点击该链接时执行的JavaScript函数`openNewWindow`,并传入了目标URL、新窗口的名称以及新窗口的大小等参数。 - `function openNewWindow(url, name, specs) { ... }`:定义了一个名为`openNew...

    Chrome中链接打开IE窗口插件

    这个插件允许用户在谷歌浏览器(Chrome)、火狐(Firefox)、360浏览器以及欧朋浏览器(Opera)等现代浏览器上,通过特定的URL链接来启动Internet Explorer(IE)的新窗口。这样,即使公司的某些内部项目是基于旧版...

    window.open打开新窗口,不被拦截的方法

    本文将详细介绍如何使用`window.open()`方法打开新窗口,并探讨如何避免被浏览器拦截的一些技巧。 #### 1. 基本使用方法 首先来看一下`window.open()`的基本用法: ```javascript window.open(URL, target, ...

    打开新窗口的几种方法

    以上介绍了在ASP.NET中使用JavaScript脚本打开新窗口的六种常见方法。不同的应用场景可能需要选择不同的技术方案。开发人员应根据实际需求,结合各种方法的特点来选择最适合的方式。此外,还应注意安全性和用户体验...

Global site tag (gtag.js) - Google Analytics