新窗口打开css代码（新窗口打开链接代码）

今天给各位分享新窗口打开css代码的知识，其中也会对新窗口打开链接代码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、CSS样式表中怎么定义网页所有链接都在新窗口中打开？
• 2、css控制所有图片新窗口打开代码
• 3、js动态调用外部CSS并以新窗口打开网页
• 4、怎么在新的窗口打开网页？ target="_blank" 除外

CSS样式表中怎么定义网页所有链接都在新窗口中打开？

1. 所以一开始通过js来加：

function addTarget(){

var tag_a = document.getElementsByTagName('a');

for (var i = tag.length - 1; i = 0; i--) {

tag_a[i].setAttribute("target","_blank");

};

}

window.onload = addTarget();

但不知为何无法生效。

2. 然后就想到可以通过设置css来使默认的a都自带target属性，即：

a {

target : _blank;

}

发现也行不通。原因是css中没有target属性，不能直接在css中这样写。

3. 最后查资料，发现可以在head标签中加入：

base target="_blank" /

css控制所有图片新窗口打开代码

最好使用js控制，css里尽量不要expression，很影响页面性能，而且IE8以上和其他浏览器不支持。

jquery方法:

$(document).ready(function() {

$("a").attr("target","_blank");

});

js动态调用外部CSS并以新窗口打开网页

改成这样：

html

head

title电子相册/title

script language="javascript"

function showxi(){

var obj=document.getElementById("csslinkid1");

obj.href="11-6catalog.css";

obj.target="_blank";

}

function showppt(){

var obj=document.getElementById("csslinkid2");

obj.href="11-6ppt.css";

obj.target="_blank";

}

/script

/head

body

a href="#" onclick="showxi()" id="csslinkid1"详细信息/a

a href="#" onclick="showppt()" id="csslinkid2"幻灯片模式/a

!--html具体内容--

!--html具体内容--

!--html具体内容--

/body

/html

从你的意思来看，我觉得把外部CSS写在新窗口的link标签里最好。这样的话，可以改成这样：

function showxi(){

var obj=document.getElementById("csslinkid1");

obj.href="新窗口页面2.htm"

obj.target="_blank";

}

function showppt(){

var obj=document.getElementById("csslinkid2");

obj.href="新窗口页面2.htm"

obj.target="_blank";

}

然后你再在

“新窗口页面1.htm”中加入：

link rel="stylesheet" type="text/css" href="11-6catalog.css" /

“新窗口页面2.htm”中加入：

link rel="stylesheet" type="text/css" href="11-6ppt.css" /

这样似乎能达到你的要求。

怎么在新的窗口打开网页？ target="_blank" 除外

如果说在新窗口中打开网页，那么方法除了直接在链接中用target="_blank"之外，还可以用onclick="window.open('xx.htm');"这也查是打开一个新的窗口，还有一种方法是用CSS来控制，当然，其中还是用到了target="_blank",但是这种方法用起来也确实有些不同之处。。下面是CSS控制打开新窗口的代码：

style

a:active

{

text:

expression

(target="_blank");

}

/style

a

href

="";/a

新窗口打开css代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于新窗口打开链接代码、新窗口打开css代码的信息别忘了在本站进行查找喔。