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

2024-11-24 119阅读 0评论

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

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

下面我们来看下代码:

<base target="_blank">

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

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

二、点击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>


文章版权声明:除非注明,否则均为JXLOG原创文章,转载或复制请以超链接形式并注明出处。

发表评论

快捷回复: 表情:
验证码
评论列表 (暂无评论,119人围观)

还没有评论,来说两句吧...

取消
微信二维码
微信二维码
支付宝二维码