網(wǎng)頁(yè)窗口切換的Javascript腳本

申請(qǐng)免費(fèi)試用、咨詢(xún)電話(huà)：400-8352-114

    這篇文章由撫州網(wǎng)站建設(shè)專(zhuān)家來(lái)介紹一下網(wǎng)頁(yè)窗口切換的Javascript腳本，希望對(duì)大家有所幫助。

    我們可以用Javascript的DOM方法訪(fǎng)問(wèn)link對(duì)象，再將不需要的CSS設(shè)為“禁用（disabled）”，剩下的CSS就會(huì)被瀏覽器用來(lái)渲染頁(yè)面。腳本如下，請(qǐng)注意其中的注釋?zhuān)?/p>

<script type="text/javascript">
 function setStyle(title) {

 //預(yù)定義變量
var i, links;

 //用DOM方法獲得所有的link元素
links = document.getElementsByTagName("link");

 for(i=0; links[i]; i++) {

 //判斷此link元素的rel屬性中是否有style關(guān)鍵字
//即此link元素是否為樣式表link
 //同時(shí)判斷此link元素是否含有title屬性
if(links[i].getAttribute("rel").indexOf("style") != -1
 && links[i].getAttribute("title")) {

 //把它設(shè)為disabled
 links[i].disabled = true;

 //再判斷它的title中是否有我們指定的關(guān)鍵字
if(links[i].getAttribute("title").indexOf(title) != -1)

 //如果有則將其激活
links[i].disabled = false;
 }
 }
 }
 </script>

    然后在合適的地方調(diào)用這個(gè)函數(shù)，以本頁(yè)為例，添加如下兩個(gè)按鈕：
<input type="button" value="siviy" onclick="setStyle(’siviy’);" /><input type="button" value="dglaoshi" onclick="setStyle(’dglaoshi’);" />
不過(guò)為了讓窗口切換更加好看，建議還是結(jié)合CSS一起來(lái)用，用CSS對(duì)網(wǎng)頁(yè)切換窗口進(jìn)行美化。

    以上就是網(wǎng)頁(yè)窗口切換的Javascript腳本，當(dāng)然這只是很小一部分理論知識(shí)，我們?cè)诮ㄕ具^(guò)程中要學(xué)會(huì)靈活運(yùn)用各種語(yǔ)言，以便達(dá)到最好的效果。