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

  • A+
所属分类:建站教程

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

 

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

weinxin
我的微信
戴勇博客(www.daiyong.net) -戴氏文化研究 共享精品 分享技术 一个有态度的个人博客
戴勇

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: