JSによる1ページ複数cssスタイル実装

ステップ1:接続スタイルシートの要素にidを定義します.たとえば、

 
  
， 
  
 
 

私が定義したidはcssです.
ステップ2:js関数を書きます.コードは次のとおりです.

 
  
  
  <br>function change(a){   
  <br> var css=document.getElementById("css");  
  <br>  if (a==1)  
  <br>  css.setAttribute("href","1.css");  
  <br>  if (a==2)  
  <br>  css.setAttribute("href","2.css");  
  <br>}  
  <br>  
  
 
 

この関数のcodeはページのどこにでも置くことができます.
ステップ3:ページのスタイルシートの接続を変更する関数のトリガイベントを追加します.コードは次のとおりです.

 
  
1.css  
  
2.css  
  
 
 

この効果はIEとFFでテストに合格しました.皆さんが見終わった後、非常に明らかになったと信じています.この方法を利用して、閲覧者に表示するスタイルシートを自分で選択させることができます.例えば、高齢者はフォントの大きいスタイルシートを選択することができます.ここで注意しなければならない2つの点は、
一、この例では関数名functionの後ろの名前はlinksまたはlinkではありません.linksまたはlinkであれば、スタイルシートは変更されません.具体的には、javascriptの保留文字かもしれません.
二、またページ全体のスタイルを変更する場合は、スタイルシートファイルでbodyの高さを100%定義する必要があります.