UC知道js动态调用外部CSS并以新窗口打开网页
来源：百度知道 编辑：UC知道 时间：2024/06/23 16:15:50
是这样的，打开一个网页，里面有一段文字“给该网页应用”当点击这段文字时就载入外部给该网页定义好的一个.css文件，并以新窗口打开这个已经载入.css文件的网页
以下的代码是实现了点击“详细信息”时载入了11-6ppt.css各个文件但是没有以新窗口打开“电子相册”这个网页
<html>
<head>
<title>电子相册</title>
<link rel="stylesheet" href="11-6ppt.css" id="csslinkid">
<script language="javascript">
var obj=document.getElementById("csslinkid")
function showxi(){
obj.href="11-6catalog.css";
}
function showppt(){
obj.href="11-6ppt.css";
}
</script>
</head>
<body>
<a href="#" onclick="showxi()">详细信息</a>
<a href="#" onclick="showppt()">幻灯片模式</a>
<!--html具体内容-->
<!--html具体内容-->
<!--html具体内容-->
</body>
</html>
以下的代码是实现了点击“详细信息”时载入了11-6ppt.css各个文件但是没有以新窗口打开“电子相册”这个网页
<html>
<head>
<title>电子相册</title>
<link rel="stylesheet" href="11-6ppt.css" id="csslinkid">
<script language="javascript">
var obj=document.getElementById("csslinkid")
function showxi(){
obj.href="11-6catalog.css";
}
function showppt(){
obj.href="11-6ppt.css";
}
</script>
</head>
<body>
<a href="#" onclick="showxi()">详细信息</a>
<a href="#" onclick="showppt()">幻灯片模式</a>
<!--html具体内容-->
<!--html具体内容-->
<!--html具体内容-->
</body>
</html>
改成这样：
<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.getElem