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

 更新时间:2013年08月16日 15:12:58   作者:  
今天看一个朋友说不在A标题中加打开窗口形式要怎么让页面中所有页面在新页面打开,后来我找了几种比较实用办法,个人最喜欢的是最后一种方法哦
第一个方法就是用jquery实现,原理是这样的先找到站点中的外部链接,然后再给链接加上target=_blank”属性就搞定了,代码如下:
jquery在新窗口打开
 
复制代码 代码如下:

$("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])")
.addClass("external")
.attr("target","_blank");

js在新窗口打开
 
复制代码 代码如下:

var aTag = document.getElementsByTagName('a');  
for(i in aTag){  
    aTag[i].target='_blank';  


html方法
在页面最新面加上
 代码如下复制代码 <base target='_blank' />
就可以全部页面在新窗口打开

相关文章

  • JavaScript实现向OL列表内动态添加LI元素的方法

    JavaScript实现向OL列表内动态添加LI元素的方法

    这篇文章主要介绍了JavaScript实现向OL列表内动态添加LI元素的方法,实例分析了javascript操作html元素的技巧,需要的朋友可以参考下
    2015-03-03
  • window.open以post方式将内容提交到新窗口

    window.open以post方式将内容提交到新窗口

    最近在做web项目,碰到需要跨页面传递参数的功能,就是那种需要把当前页面的内容带到新开的子窗体中,以前的做法是传一个id过去,然后在新窗口中去读数据库的内容;比较有意思的是直接通过调用form的submit方法不能触发onsubmit事件,查看了帮助文档,必须手动的触发,否则只能看到页面刷新而没有打开新窗口
    2012-12-12
  • JavaScript函数的特性与应用实践深入详解

    JavaScript函数的特性与应用实践深入详解

    这篇文章主要介绍了JavaScript函数的特性与应用实践,结合实例形式较为深入的分析了javascript函数相关概念、特性、用法及操作注意事项,需要的朋友可以参考下
    2018-12-12
  • AngularJS+Bootstrap实现多文件上传与管理

    AngularJS+Bootstrap实现多文件上传与管理

    这篇文章主要为大家详细介绍了AngularJS+Bootstrap实现多文件上传与管理,对上传文件进行加载与删除操作,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • javascript中SetInterval与setTimeout的定时器用法

    javascript中SetInterval与setTimeout的定时器用法

    Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等,本文文章通过代码示例给大家介绍javascript中SetInterval与setTimeout的定时器用法
    2015-08-08
  • 用js实现多域名不同文件的调用方法

    用js实现多域名不同文件的调用方法

    用js实现多域名不同文件的调用方法...
    2007-01-01
  • childNodes.length与children.length的区别

    childNodes.length与children.length的区别

    childNodes.length与children.length的值常不一样。
    2009-05-05
  • JS简单判断滚动条的滚动方向实现方法

    JS简单判断滚动条的滚动方向实现方法

    这篇文章主要介绍了JS简单判断滚动条的滚动方向实现方法,涉及javascript针对scrollTop事件的相关操作技巧,需要的朋友可以参考下
    2017-04-04
  • Echarts实现多条折线可拖拽效果

    Echarts实现多条折线可拖拽效果

    这篇文章主要为大家详细介绍了Echarts实现多条折线可拖拽效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • JS实现的合并两个有序链表算法示例

    JS实现的合并两个有序链表算法示例

    这篇文章主要介绍了JS实现的合并两个有序链表算法,结合实例形式分析了JavaScript链表的定义、节点插入、删除、查找等相关算法实现技巧,需要的朋友可以参考下
    2019-02-02

最新评论