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

 2025-01-15  阅读 367  评论 5  点赞 346

摘要:一、全站链接在新窗口打开关于连接在新窗口打开我们平时大多数的用法就是,在 标签里设置 target 属性,如 target=“_blank”在新窗口打开,可是当站内的链接都是在当前窗口打开的话,一但想要全部都修改成新窗口打开的话,一个一个的去修改排查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>


评论列表:

  •   henbucuo
     发布于 4天前回复该评论
  • 写的很不错,学到了!
显示更多评论

发表评论:

管理员

承接各种程序开发,外贸网站代运营,外贸网站建设等项目
  • 内容2460
  • 积分67666
  • 金币86666

Copyright © 2024 LS'Blog-保定PHP程序员老宋个人博客 Inc. 保留所有权利。 Powered by LS'blog 3.0.3

页面耗时0.0262秒, 内存占用1.9 MB, 访问数据库27次

冀ICP备19034377号