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

申請免費試用、咨詢電話：400-8352-114

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

    我們可以用Javascript的DOM方法訪問link對象，再將不需要的CSS設(shè)為“禁用（disabled）”，剩下的CSS就會被瀏覽器用來渲染頁面。腳本如下，請注意其中的注釋：

<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
 //同時判斷此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)用這個函數(shù)，以本頁為例，添加如下兩個按鈕：
<input type="button" value="siviy" onclick="setStyle(’siviy’);" /><input type="button" value="dglaoshi" onclick="setStyle(’dglaoshi’);" />
不過為了讓窗口切換更加好看，建議還是結(jié)合CSS一起來用，用CSS對網(wǎng)頁切換窗口進(jìn)行美化。

    以上就是網(wǎng)頁窗口切換的Javascript腳本，當(dāng)然這只是很小一部分理論知識，我們在建站過程中要學(xué)會靈活運用各種語言，以便達(dá)到最好的效果。