首页 建站教程 WEB前端 正文

让全站所有链接都在新窗口打开

一、全站链接在新窗口打开我们想让超链接在新窗口打开,平时常用的代码写法是,在标签里设置 target 属性,如 target=“_blank”在新窗口打开,但是当我们想站内的所有链接都在当前窗口打开时,一但想要全部都修改成新窗口打开的话,一个一个的去修改排查a标签肯定是非常的麻烦跟费事的,那么有没有什么简单的方法来修改全站的链接在新窗口打开呢?通过这种方式能...

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

我们想让超链接在新窗口打开,平时常用的代码写法是,在标签里设置 target 属性,如 target=“_blank”在新窗口打开,但是当我们想站内的所有链接都在当前窗口打开时,一但想要全部都修改成新窗口打开的话,一个一个的去修改排查a标签肯定是非常的麻烦跟费事的,那么有没有什么简单的方法来修改全站的链接在新窗口打开呢?

通过这种方式能实现,将以下代码写在head内就可以了。

代码如下:

<base target="_blank">


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

1.通过window.open函数

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

2.通过window.location.href函数

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


打赏
海报

本文由优美主题原创或收集发布

转载请注明本文地址:http://www.umtheme.com/web/18.html

相关推荐

如何通过css3给自己网站logo添加闪光效果

如何通过css3给自己网站logo添加闪光效果

通过css3给自己网站logo添加闪光效果,感觉效果还不错,可以提升用户对网站或企业的品牌印象。具体实现方法如下:找到自己网站logo外面层的盒子(元素),并给该元素添加以下css代码/*首先我们需...

WEB前端 2021.01.14 0 215

纯css简单实现角标样式

纯css简单实现角标样式

纯css实现角标效果,通常在置顶,推荐,热门等需要特殊标注的场景中可以应用到,这里主要用到transform:rotate(-30deg...

WEB前端 2020.10.16 0 592

如何在html页面中通过css隐藏元素

在平常的页面布局中,我们经常会遇到将某个模块隐藏,而实现不同的页面布局或js交互效果,尤其是在响应式布局中比较常见,下面我们整理了一些关于实现隐藏页面元素的多种方法以及各种方法不同的特点(如:是否占据...

WEB前端 2020.09.18 0 331

web前端写html页面div+css命名规范

web前端写html页面div+css命名规范

使用良好的CSS书写规范来写CSS代码,既能最大化优化前端代码,提升代码阅读体验,更重要的是为以后维护带来方便。常用的CSS命名一般由小...

WEB前端 2020.09.08 0 360

发布评论

ainiaobaibaibaibaobaobeishangbishibizuichiguachijingchongjingdahaqiandaliandangaodw_dogedw_erhadw_miaodw_tuzidw_xiongmaodw_zhutouganbeigeiliguiguolaiguzhanghahahahashoushihaixiuhanheixianhenghorse2huaixiaohuatonghuaxinhufenjiayoujiyankeaikeliankouzhaokukuloukunkuxiaolandelinileimuliwulxhainiolxhlikelxhqiuguanzhulxhtouxiaolxhwahahalxhzanningwennonuokpinganqianqiaoqinqinquantouruoshayanshengbingshiwangshuaishuijiaosikaostar0star2star3taikaixintanshoutianpingtouxiaotuwabiweifengweiquweiwuweixiaowenhaowoshouwuxiangjixianhuaxiaoerbuyuxiaokuxiaoxinxinxinxinsuixixixuyeyinxianyinyueyouhenghengyuebingyueliangyunzanzhajizhongguozanzhoumazhuakuangzuohenghengzuoyi

感谢您的支持