在css中控制超链接target=_blank

最新推荐文章于 2024-06-13 21:20:19 发布
最新推荐文章于 2024-06-13 21:20:19 发布
阅读量6.6k 收藏 2
点赞数
分类专栏： 其他 Html JavaScript 文章标签： css xhtml html javascript function 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangm1203/article/details/1699313
版权
JavaScript 同时被 3 个专栏收录
67 篇文章 0 订阅
订阅专栏
Html
15 篇文章 0 订阅
订阅专栏
其他
10 篇文章 0 订阅
订阅专栏

<html>
<head>
<style type="text/css">
a:active {text:expression(target="_blank");}
a:visited {text:expression(target="_blank");}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>在css中控制超链接target="_blank"</title>
</head>
<body >
<a href="#">新窗口</a>
</body>
</html>
其实只有：a:visited {text:expression(target="_blank");} 起作用而已。
解释一下，这是利用expression来执行javascript语句，对IE5及更高版本的浏览器有效。详情请阅读：CSS中expression使用简介及相关文章。

 


下面是另一种方法我没有试过，麻烦。还不如直接在超链接里写了。

target="_blank"在严格的DOCTYPE下通不过验证,
target="new"只是临时的替代方法。
target="new"和target="_blank"效果是不一样的。
target="new"定义了打开的窗口名为new，所有target为new的连接都会在同一个窗口打开，而不是新窗口。
这里的new还可以是其他字符串~~例如target="fdsafjklsdjkla"

现在比较好的方法就是在链接中定义 rel="external"
然后再通过js来控制external，如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <meta http-equiv="Content-Language" content="zh-CN" />
  <title>新窗口</title>
  <script type="text/javascript"> 
  <!---
   function externalLinks() { 
     if (!document.getElementsByTagName) return; 
     var anchors = document.getElementsByTagName("a"); 
     for (var i=0; i<anchors.length; i++) { 
        var anchor = anchors[i]; 
        if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") 
          anchor.target = "_blank"; 
     } 
   } 
   window.onload = externalLinks;
  -->
</script>
 </head>

 <body>
  <p>
   <a href="document.html" rel="external">external link</a>
  </p>
 </body>
 </body>
</html> 

必败客
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css控制a标签的target
doublesmile的专栏
06-22 1253
<br />今天在网站二次开发时发一个问题就是把网页所有的a标签的target=_blank全部去了,用css 控制.想了很多办法都没实现,上网查了一下发现有三种方法第一种就是用css第二是用js控制,但是要给a标签加external,不过js这种我觉得还 是没有减轻文件的大小和加target没什么区别了,所以我不喜欢这种,好了,下面来看看这几种吧:<br />第一种:<br /><br /> ***.css <br /> a.toblank{ <br />     target:expressi
css3属性选择器
......
03-31 87
下面的介绍都已p元素为例来写： 1. p[target] 选择出有target属性的所有p元素 2. p[target=_blank] 选择出 target属性是_blank的所有p元素 3. p[target~=abc] 和 p[target*=abc] 结果一样，都是选择出 target属性值包含abc的所有p元素 4. p[target|=abc] 和 p[target^=abc] 结果一样，都是选择出target属性值是以abc开头的所有p元素 5. p[target$=abc] 选择..
什么是CSS的:target选择器
最新发布
ggq53219的博客
06-13 365
选择器只影响URL中当前的目标元素。如果用户刷新页面或者导航到另一个页面，然后再回来，之前的选中状态将不会保留，除非使用JavaScript或其他技术来保持状态。选择器用于选择当前活动的目标元素。当页面上的一个链接被点击，并且该链接指向一个页面内的元素（通过ID）时，被链接的元素就会成为目标元素，此时。这种选择器常常与页面内的导航（如Tab导航、折叠面板等）和“返回顶部”功能一起使用。下面是一个简单的例子，展示了如何使用。的元素）就会被选中，并且。，从而显示该元素的内容。在这个例子中，所有的。
CSS选择器
LiLi的博客
12-22 286
关系选择器 关系选择器分类 后代选择器 子代选择器 相邻兄弟选择器 通用选择器 后代选择器 定义 选择所有被E元素包含的F元素，中间用空格隔开 语法 E F{} <ul> <li>宝马</li> <li>奔驰</li> </ul> <ol> <li>奥迪</li> </ol> ul li{ color:green; } 子代选择器 定义 选择
css中a标签中的traget属性
TDXJY2260的博客
10-24 1071
我在很多官网里面看到超链接里面都会使用到target="_blank”这个属性，这意味着点击超链接就会在一个新的窗口打开被链接的网页，不只是官网，很多开发人员都会用到这个target="_blank”属性，对此我很好奇，所以我查阅了一些资料去了解这样做的好处，以及优点。 优点：在开发者的角度思考，打开一个新窗口，就意味着脱离原本的网页框架，这样新的窗口中的网页就是一个独立个体，不应因为原本窗口的设置或者安全问题，影响到新窗口的网页。 对于用户而言，原本窗口的操作或者设置，不会随着打开新的链接而消失。
css在何处打开目标URL._blank，_self，_parent，_top
weixin_33974433的博客
08-13 254
定义区域的形状 STFtarget _blank_parent_self_top在何处打开目标URL._blank- 目标URL会在新窗口打开_self - 当其被点击时，目标URL会在同一框架中打开_parent - 目标URL会在父框架中打开_top - 目标URL会在整个的窗口中打开TF 转载于:https://blog.51c...
css中blank,blank.html
weixin_33427476的博客
08-04 340
Blank Page - Ace AdminToggle sidebarAce Admin44 Tasks to completeSoftware Update65%Hardware Upgrade35%Unit Testing15%Bug Fixes90%See tasks with details88 NotificationsNew Comments+12Bob just signed up...
base target=””控制链接的目标打开框架
12-02
当我们设置 `target="_blank"` 时，这意味着所有没有明确指定 `target` 的链接将在新窗口或新标签页中打开。 然而，使用 `<base target="_blank">` 需要谨慎。如果你对 HTML、CSS 和 JavaScript 不够熟悉，可能引发...
超链接_html_
10-01
在实际应用中，超链接的样式可以通过CSS（Cascading Style Sheets）进行自定义，包括颜色、下划线、鼠标悬停效果等。例如： ```css a { color: blue; text-decoration: none; } a:hover { color: red; } ``` ...
base target=""控制链接的目标打开框架
09-28
在网页设计中，链接的打开方式可以通过HTML的`target`属性来控制，而`base target`则是一个全局设定，用于设定整个文档中所有链接默认的打开框架或窗口。`base target`属性通常与`<base>`标签一起使用，用于设置所有...
使用CSS去掉超链接的虚线边框的方法
09-25
在网页设计中，超链接（`<a>`标签）和其他交互元素如输入框（`<input>`）和按钮（`<button>`）在被点击时，可能会显示一个虚线边框，这是浏览器为了帮助用户识别当前焦点所在位置而提供的默认行为。特别是对于使用...
对target="framename"的理解（实现分页的demo）
06-07
在网页设计和开发中，`target`属性是一个非常重要的HTML属性，主要应用于`<a>`（超链接）标签，用于指定打开链接页面的目标位置。`target`属性的使用可以帮助我们控制浏览器窗口或框架如何处理链接的目标页面。在这...
前端 - a标签target=”_blank”
kelly0721的博客
03-30 6418
a 标签的target 属性带来的安全隐患
css样式引入方式和选择器
lxr_99的博客
06-07 132
一、css样式引入方式 1.行内样式 2.内嵌样式 3.外链样式 4.导入样式 二、选择器 语法结构 选择器{ 属性：属性值 属性：属性值 } 1.简单选择器 根据名称、id、类来选取元素 HTML元素 选择器 id #id class .class p p p，div p，div css元素选择器： hn，a，p，em元素，也可以是html元素本身 2.组合选择器 3.伪类选择器 4.伪元素选择器 css2中的...
前端——css学习（一）
yangyelinmei的博客
04-27 438
css简介： CSS是一种描述HTML文本样式的语言； CSS描述应该如何显示HTML元素； CSS指的是层叠样式表，描述了如何在屏幕上显示HTML元素； CSS可以同时控制多张网页的布局； 外部样式表储存在css文件中，在使用外部样式表文件时，只需要通过更改一个文件即可修改整个网页的外观； css语法： css规则集由选择器和声明块组成： h1 {color:red;font-size:14px} h1:是选择器； color:red;是声明； color:属性； red:属性值； 选择器指向需要设置样
如何用CSS实现在新窗口打开链接[转]
为人
02-25 1976
前几天碰到个难题，有个文字广告，是用js调用的，但是其链接是在本窗口打开，有点不爽。 因为其内容无法更改，又不想在整个页面上使用来实现页面上所有链接都在新窗口打开，所以当时就没法子了：（ 今天，想到上月更新的文章中提到expression功能，不妨用这个试试，测试成功！贴出来与大家分享：） 实现此功能的CSS是：a:active {text:expression(target="_blank");} 解释一下，这是利用expression来执行javascript语句，对IE5及更高版本的浏览器有效
IE8中text得到焦点后死掉(IE8不再支持CSS expression)
iteye_16184的博客
03-08 119
项目中有个地方需要根据情况显示不同的图片，而由img.src得到的路径是 一个绝对路径感觉替换起来比较麻烦，所以想到用css来改变图片。在网上 找了找大家都说css2.0中没有控制img的src属性的办法(好像3.0就有了， 拭目以待)，不过大家提供了一种曲线救国的方法，如下 .menu_close{ text:expression(src="images/menu_close.gif...
<li class="nav_menu-item"><a target="_blank" href="index.html" >网站首页</a></li>代码解析
06-07
这段代码是一个网站导航菜单的一个选项，使用了无序列表的 `<li>` 标签来定义列表项，`class` 属性为其添加了一个 CSS 类名 `nav_menu-item`，以便于在样式表中对此元素进行样式定义。 在这个列表项中，使用了超链接标签 `<a>` 来创建一个链接，其中 `target` 属性用于指定链接如何被打开，`_blank` 表示链接将在新窗口或新标签页中打开；`href` 属性则指定了链接的目标 URL，这里是 `index.html`，即网站首页的 URL。 链接文本为 "网站首页"，在用户点击链接时，浏览器将打开一个新窗口或新标签页，并跳转到网站首页。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值