关于设置全站所有链接都在新窗口打开等代码整理

一、全站链接在新窗口打开

关于连接在新窗口打开我们平时大多数的用法就是,在<a> 标签里设置 target 属性,如 target=“_blank”在新窗口打开,可是当站内的链接都是在当前窗口打开的话,一但想要全部都修改成新窗口打开的话,一个一个的去修改排查a标签肯定是非常的麻烦跟费事的,那么有没有什么简单的方法来修改全站的链接在新窗口打开呢;

下面我们来看下代码:

<base target="_blank">

将这段代码加在全局页面顶部的head标签中,这样全站的链接就都会在新窗口中打开了。

关于设置全站所有链接都在新窗口打开等代码整理

二、点击div实现a标签的跳转效果

当我们在某些时候需要点击div实现a标签的跳转效果,这时候我们可以通过onclick事件来实现:

1.通过window.open函数

<div onclick="window.open('http://www.fengyan.cc')">在新窗口打开链接</div>
<div onclick="window.open('http://www.fengyan.cc','_self')">在当前窗口打开链接</div>

2.通过window.location.href函数

<div onclick="window.location.href= 'http://www.fengyan.cc';return false">在当前窗口打开链接</div>


最后编辑于:2017/03/13作者: 烽烟无限