`
newweapon
  • 浏览: 25915 次
  • 性别: Icon_minigender_1
  • 来自: hefei
最近访客 更多访客>>
社区版块
存档分类
最新评论

利用CSS控制链接在新窗口(父窗口)中打开的问题

阅读更多

利用CSS控制链接在新窗口中打开很简单,只需要定义一句CSS即可:

.openInBlankWindow a:active {test:expression(target="_blank");}
 

然后在某个容器(比如div/span)中使用:

<div class="openInBlankWindow"><a href="http://docviewer.com.cn">在新窗口中打开</a></div>
 

 

但是这样使用有个问题,就是这个CSS只在IE中有效,至少在Firefox/Opera中是无效的,其它的浏览器没有测试。不知大家是否有什么好办法,在不修改原来html的情况下,是链接在新窗口中打开。

分享到:
评论
1 楼 zhouzhao21 2008-11-04  
jquery
$('a').bind('click', function(){...});

相关推荐

    ASP.NET开发实战1200例(第Ⅰ卷)第十二章

    实例292 利用CSS样式设置链接控件样式 464 实例293 动态生成CSS设置下拉式菜单实现 页面跳转 465 实例294 利用CSS样式设置解释型菜单 467 实例295 利用主题中CSS级联样式动态更换 网站皮肤 468 12.2 应用JavaScript...

    a标签的链接特效

    `target`属性则控制新页面的打开方式,如`_self`(在当前窗口打开)、`_blank`(新建窗口打开)、`_parent`(父框架打开)和`_top`(整个浏览器窗口打开)。 在JSP页面中,我们可以利用CSS(Cascading Style Sheets...

    web网页链接

    常见的值有`_self`(默认,当前窗口或框架打开)、`_blank`(新窗口或标签页打开)、`_parent`(父框架打开,如果当前页面在框架内)和`_top`(整个浏览器窗口打开,取消所有框架)。例如,如果你想在一个新窗口打开...

    HTML5+CSS3

    CSS3引入了许多新特性,如圆角、阴影、渐变色、动画等,极大地增强了网页的视觉效果和交互体验。 - **新特性**:包括选择器、背景与边框、文本效果、2D/3D变换、过渡动画等。 - **作用**:提高网页的美观度和用户...

    解决layer弹出层的内容页点击按钮跳转到新的页面问题

    为了解决这个问题,开发者通过将`target`属性设置为`_top`,强制链接在顶层窗口打开,从而使得点击后的页面跳转能够替代整个浏览器窗口的内容,而不是仅在弹出层内进行。 ### 知识点4:AJAX技术的运用 在描述中,...

    对target="framename"的理解(实现分页的demo)

    2. `_blank`:在新窗口或新标签页中打开链接,这将创建一个新的浏览上下文。 3. `_parent`:在父框架集中打开链接,如果当前页面在框架内,则链接会在包含它的上一级框架中打开。 4. `_top`:在整个浏览器窗口中打开...

    JavaScript网页特效范例宝典源码

    实例241 在弹出的新窗口中选择图片 372 8.6 在页面中播放图片 374 实例242 幻灯片式播放图片 374 实例243 无间断的图片循环滚动效果 376 8.7 图片的其他效果 377 实例244 导航地图 377 8.8 播放音乐 378 实例245 为...

    2022年江西职称计算机考试-计算机应用能力考试考试模拟卷.docx

    "_blank"会在新窗口打开,"_parent"是在父框架中打开,"_top"则会替换整个浏览器窗口的内容。 9. **内联框架(Iframe)**:Iframe允许在HTML页面中嵌入另一个HTML文档,提供了一种灵活的页面布局方法。它可以独立设定...

    北师大网络教育作业网页制作与网站建设.docx编程资料

    - `_blank`: 在新窗口中打开。 - `_parent`: 在父框架中打开。 - `_self`: 在当前窗口中打开(默认)。 - `_top`: 在整个窗口中打开,移除所有框架。 #### 十三、模板的应用 - **模板修改的影响**: 修改模板时...

    DreamWeaver基本教程.docx

    链接的“目标”属性决定了链接在何处打开,如新窗口(_blank)、父窗口(_parent)、自身窗口(_self)或框架顶部(_top)。 表格在网页布局中扮演着重要角色。在DreamWeaver中,你可以通过插入菜单或对象窗口插入表格,...

    百度2014校园招聘---WEB前端开发笔试题目

    1. form标签和a标签的target属性:在HTML中,form标签的target属性用于指定表单提交后打开新页面的方式,其可选值包括_self(默认,当前窗口或框架加载)、_blank(新窗口打开)、_parent(父框架加载,如果当前页面...

    总结的前端面试题

    - **`_blank`**:链接在新窗口或新标签页中打开。 - **`_parent`**:链接在父框架集或包含当前窗口的窗口中打开。 - **`_top`**:链接在顶级窗口中打开,即整个浏览器窗口。 - **`framename`**:链接在指定的框架中...

    HTML5常用语法一览表.pdf

    - `title`提供链接的提示信息,`target`定义链接打开的位置,如`_blank`(新窗口)、`_self`(当前窗口)、`_parent`(父窗口)、`_top`(整个浏览器窗口)。 9. **图片标记**: - `&lt;img&gt;`标签用于插入图像,`src...

    详解链接的rel与target区别

    1. `_blank`:在新窗口或标签页中打开链接文档。如果窗口不存在,浏览器会创建一个新的窗口。 2. `_self`:这是默认值,表示链接在当前窗口或标签页中打开,即替换当前页面内容。 3. `_parent`:如果页面在框架内,...

    DW CS6中文版零基础自学视频教程第08章 使用嵌入框架网页 2节.zip

    在链接时,可以指定链接打开的位置,如在当前框架、父框架或新窗口中。 5. **框架的保存与预览**:完成框架设计后,需要保存整个框架集为一个HTML文件,然后通过浏览器预览来检查布局效果和功能实现。在预览过程中...

    2021-2022计算机二级等级考试试题及答案No.15906.docx

    - **`_parent`**:在新窗口的父框架中打开链接。 - **`_self`**:在当前窗口打开链接。 - **`_top`**:在顶层窗口打开链接。 - **`_empty`**:不是一个合法的`target`属性值。 ### 软件开发的生命周期方法 - **...

    HTML5选择器和伪元素----学习分享

    例如,`[target="_blank"]`会选择所有目标为新窗口打开的链接。 2. 伪类选择器:如`:hover`、`:active`和`:focus`,它们用于在元素处于特定状态时应用样式。HTML5扩展了这些伪类,比如`:checked`用于选中的复选框或...

    项目链接

    - `target`:指定链接在何处打开,如`_blank`(新窗口或标签页)、`_self`(当前窗口或标签页)、`_parent`(父框架,如果有的话)和`_top`(整个浏览器窗口)。 - `rel`:定义了当前文档与目标文档之间的关系,如`...

    dreamweaver代码汇编.pdf

    10. **跳转菜单新窗口**:在`&lt;select&gt;`下拉菜单中,`onchange`事件可以触发新窗口打开选定选项的URL。 11. **Flash透明**:在Flash对象的`&lt;param&gt;`标签中设置`wmode`属性为`transparent`,可以使Flash内容在网页中...

Global site tag (gtag.js) - Google Analytics