怎樣寫js和css,js的並且怎麼寫

本文目錄一覽：

• 1、如何寫js調用其中的css里的類
• 2、js 寫css文件調用 怎麼寫
• 3、js 寫CSs樣式
• 4、css代碼里如何寫js
• 5、如何在css中調用js，代碼該怎樣寫！
• 6、html中使用jQuery和css，js的方法

如何寫js調用其中的css里的類

傳統的寫法，也就是在HTML頁面的head/head寫上以下代碼

script type=”text/javascript”

/script

分離的寫法，也就是把JS代碼單獨卸載一個JS文件里

script type=”text/javascript” src=”file.js”

/script

調用JS文件無非就這兩種，相信你也是清楚的。一般調用JS文件都是寫在的HTML的head/head標籤里，因為HTML是一個文檔，完整的JavaScript實現包含三個部分：ECMAScript，文檔對象模型，位元組順序記號。不存在你所設想的CSS調用JS的情況。

js 寫css文件調用 怎麼寫

span id=”Css”/span

script

if(navigator.userAgent.indexOf(“MSIE”)0)

{

//是否是IE瀏覽器

if(navigator.userAgent.indexOf(“MSIE 6.0”)0)

{

//6.0 使用1.CSS

Css.innerHTML=’link href=”1.css” rel=”stylesheet” type=”text/css” ‘

}

if(navigator.userAgent.indexOf(“MSIE 7.0”)0)

{

//7.0 使用2.CSS

Css.innerHTML=’link href=”2.css” rel=”stylesheet” type=”text/css” ‘

}

}else

{

//否則使用3.CSS 還有具體的瀏覽器 你可以用navigator.userAgent 去獲取信息 具體使用 看你自己

Css.innerHTML=’link href=”3.css” rel=”stylesheet” type=”text/css” ‘

}

/script

js 寫CSs樣式

JavaScript訪問修改樣式表,可以方便的動態修改頁面:

一、訪問元素中style屬性的CSS樣式

這個可以直接使用style對象方便的訪問，例如：

div id = “mdiv” style=”background-color:blue;”…./div

訪問CSS的方法是:

script type=”text/javascript”

//獲得元素

var oDiv = document.getElementyId(“mdiv”);

//訪問元素的style對象,再訪問對象中的屬性,也可以修改屬性的值,直接為他賦值

alert(oDiv.style.backgroundColor);

/script

二、訪問外部定義的CSS樣式（類定義的CSS樣式）

這個沒法使用上面的方法去訪問，因為CSS數據不是存儲在style屬性中，它是存儲在類中的。

訪問方法：先取得定義類的樣式表的引用，用document.styleSheets集合實現這個目的，這個集合包含HTML頁面中所有的樣式表，DOM為每個樣式表定義一個cssRules的集合，這個集合中包含定義在樣式表中的所用CSS規則（注意：Mozilla和Safasi中是 cssRules，而IE中式rules）。

例如：

style

/*第一條規則*/

div.ss{

background-color:red;

width:101px;

}

/*第二條規則*/

a.btn2{

background:url(imag/2-AccessCtl.jpg);

}

/style

訪問CSS:

var ocssRules = document.styleSheets[0].cssRules||document.styleSheets[0].rules;

//訪問第一條規則

alert(ocssRules[0].style.backgroundColor);

//設置值

ocssRules[0].style.width = “992px”;

//訪問第二條規則

alert(ocssRules[1].style.background);

//設置值

ocssRules[0].style.background = “url(imag/3-back.jpg);”;

以上內容是百度出來的

css代碼里如何寫js

css里寫js？？？

你可以在js里重寫css，但是csss里寫js，沒這種事。

或者你想辦法加一個

像:visited

樣式。用它實現訪問後顯示隱藏。

這個是純碎的css實現。js實現其實更簡單。

如何在css中調用js，代碼該怎樣寫！

傳統的寫法，也就是在HTML頁面的head/head寫上以下代碼

script type=”text/javascript”

/script

分離的寫法，也就是把JS代碼單獨卸載一個JS文件里

script type=”text/javascript” src=”file.js”

/script

調用JS文件無非就這兩種，相信你也是清楚的。一般調用JS文件都是寫在的HTML的head/head標籤里，因為HTML是一個文檔，完整的JavaScript實現包含三個部分：ECMAScript，文檔對象模型，位元組順序記號。不存在你所設想的CSS調用JS的情況。

建議你去好好看下JS的官方解釋的概念，你就會明白。希望幫助到你，有疑問可向我追問，盡我所能為您解答。

html中使用jQuery和css，js的方法

首選，你要清楚css和jQuery（js）是什麼。

首先，css是一種網頁的樣式語言，主要了解其選擇器與屬性設置。css是可以直接寫在html頁面中的，它使用的是一種style的標籤（stylecss代碼/style），直接在標籤中寫css的代碼。我們稱這種方式為嵌入式樣式表。另外，css還可以直接作為其它標籤的屬性來書寫（span style=”color:red;”這是內聯樣式表/span），這樣寫就可以取消選擇器了，但容易照成code的重複書寫。最後一種是外部樣式表，直接將css寫在css文件中，然後通過link標籤引入到網頁link type=”text/css” rel=”stylesheet” href=”css文件地址”/.

再說js，js全稱是JavaScript，它是一種網頁前台的程序語言，可以對網頁進行想要的控制。js也是可以直接寫在頁面中的，它採用的是script標籤，在script標籤中寫的就是js的code（script type=”text/javascript”js代碼/script）。而一般而言，我們會在外部文件中寫js，js的外部關聯也是通過script標籤完成（script type=”text/javascript” src=”js文件路徑”/script）。

最後，來說jQuery，jQuery是一個輕量級的js庫。怎麼說呢，jQuery本身也就是一種js語言，所以它的使用完全是繼承js的，js的用法完全在jQuery里適用。js其實是一種很麻煩的語言，而jQuery就是將js進行了再編輯，使得通過使用jQuery能夠更加方便地運用js。一般而言，使用了jQuery，原生的js語言就用得很少了。

如何使用jQuery，首先，得下載一個jQuery的js文件，（或者直接到jQuery官網copy下jQuery的code複製到自己的一個js文件中），然後在頁面中，使用script標籤將這個js文件引入頁面中。只有先引入了jQuery的js文件，才能使用jQuery。

那麼，jQuery特效呢？所謂的jQuery特效就是使用了jQuery語言編寫的一個js文件了。要使用其中的一些方法什麼的，與引入jQuery的js文件一樣引入到頁面中就可以。另外，jQuery特效可能還會有其相關的css文件和圖像文件，注意這些的正確引入。