外部js怎么引用css?

html-css013

外部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’

希望我的回答能帮助到你,谢谢!

这样改:

<link rel="stylesheet" type="text/css" href="../../css/a.css">

注:

a同一个目录的文件引用

如果源文件和引用文件在同一个目录里,直接写引用文件名即可。

我们现在建一个源文件info.html ,在info.html里要引用index.html文件作为超链接。

假设info.html路径 是:c:\Inetpub\wwwroot\sites\blabla\info .html

假设index.html路径是:c :\Inetpub\wwwroot\sites\blabla\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

b如何表示上级目录

../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info .html

假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html

在info .html加入index.html超链接的代码应该这样写:

../index.html

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c :\Inetpub\wwwroot\index.html

在info.html加入index.html超链接的代码应该这样写 :

../../index.html

假设info .html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\sites\wowstory\index.html

在info.html加入index.html超链接的代码应该这样写:

../wowstory/index.html

c如何表示下级目录

引用下级目录的文件,直接写下级目录文件的路径即可。

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\index.html

在info .html加入index.html超链接的代码应该这样写:

html/index.html

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

怎样在一个HTML网页中引用另外一个HTML网页作为超链接。

假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html

在info.html加入index.html超链接的代码应该这样写:

html/tutorials/index.html

(引自百科)

引用CSS样式的五种方式

一、使用STYLE属性

将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1: 设定值1性质(属性)2: 设定值2...}

例如:

<TD STYLE="COLOR:BLUEfont-size:9ptfont-family:"标楷体"line-height:150%>

这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』。

二、使用STYLE标签

将样式规则写在<STYLE>...</STYLE>标签之中。

<STYLE TYPE="text/css">

<!--

样式规则表

-->

</STYLE>

例如:

<STYLE TYPE="text/css">

<!--

BODY {

color: BLUE

background: #FFFFCC

font-size: 9pt}

TD, P {

COLOR: GREEN

font-size: 9pt}

-->

</STYLE>

通常是将整个的 <STYLE>...</STYLE>结构写在网页的<HEAD></HEAD>部份之中。

这种用法的优点就是在於整篇文件的统一性,只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。

三、使用 LINK标签

将样式规则写在.css的样式档案中,再以<LINK>标签引入。

假设我们把样式规则存成一个example.css的档案,我们只要在网页中加入

<LINK REL=STYLESHEET TYPE="text/css" HREF="images/css.css">

即可套用该样式档案中所制定好的样式了。 通常是将LINK标签写在网页的<head></head>部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。

四、使用@import引入

跟LINK用法很像,但必 放在<STYLE>...</STYLE>中。

<STYLE TYPE="text/css">

<!--

@import url(引入的样式表的位址、路径与档名)

-->

</STYLE>

例如:

<STYLE TYPE="text/css">

<!--

@import url(http://www.hanweb.com/images/css.css)

-->

</STYLE>

要注意的是,行末的分号是绝对不可少的!

五、使用<span></span>标记引入样式

http://hi.baidu.com/yimeng500/blog/item/abceb300877e1c87e850cde1.html