设置全站所有链接都在新窗口打开的代码

2个月前 (03-21 23:41)阅读42回复0
资源仓
资源仓
  • 管理员
  • 注册排名1
  • 经验值1746
  • 级别管理员
  • 主题348
  • 回复3
楼主

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

关于连接在新窗口打开我们平时大多数的用法就是,在<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>



0
回帖

设置全站所有链接都在新窗口打开的代码 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息