外部js怎么引用css？

JavaScript019

外部js怎么引用css？,第1张

你说的是用jQuery里的addClass方法吧（抱歉js原生暂时没发现该方法），那就要先引入jQuery.js，然后再引入a.js,可以这样做:

1、在c.css里写好你的样式：.cssStyle {你的样式}

2、然后在a.js里加入$('span').addClass('cssStyle')即可。

如果你的意思不是这个，那我猜你应该是想说怎么直接在js里操作css样式吧，那就可以这样：

var spanEl = document.querySelectorAll('span')

然后根据你的要求写样式，比如你要修改背景颜色为红色：

spanEl .style.background = ‘red’

希望我的回答能帮助到你，谢谢！

可以的，可以通过querySelectorAll(".div")获取所有class为div的元素，也可以通过querySelector(".div")获取class位div的第一个元素

改成这样：

<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" />

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