ホームページ > 記事 > ウェブフロントエンド > 正規表現を使用して、IE と互換性のある CSS スタイル スクリプトを動的に作成/追加する firefox_javascript のヒント
str は、ajax を通じて返された XMLRequest を表します
/*動的読み込み CSS スタイル*/
functionloadStyle(str)
{
var regExp_src=/
var matchArray_src=str.match(regExp_src);
alert(matchArray_src[0]);
for(var i=0;i
var regExp_src_temp = /
[^
var head = document.getElementsByTagName('head')[0];
/*IE*/
if(document.all){
alert("IE");
if(document.getElementsByTagName(') style' )[0])
{
var sty=document.getElementsByTagName('style')[0].innerHTML;
alert(sty); var sty = document.getElementsByTagName(' style' )[0].innerHTML;
//IE の現在のスタイル タグを取得する方法がわかりません。getElementsByTagName を使用するしかありません。新しいものを作成して追加します。前のスタイル
var styleSheet = document.createStyleSheet();
styleSheet.cssText=sty RegExp.$1;
}
else
{
var styleSheet = document.createStyleSheet();
styleSheet.cssText=" body{background:red;}
"
alert("finished")
}
}
/*FIREFOX*/
else{
var スタイル;
if(document.getElementsByTagName('style')[0])
{
var sty=document.getElementsByTagName('style')[0].innerHTML;アラート(sty);
document.getElementsByTagName('style')[0].innerHTML=sty RegExp.$1;
}
else
style=document.createElement('style'); 🎜>style.type = 'text /css';
style.innerHTML=RegExp.$1;
alert(RegExp.$1); }
}
}
/*src 属性を使用したスクリプトの動的ロード*/
function loadScript_src(str){
var regExp_src=/
[^
]*
/gi;
var matchArray_src=str.match(regExp_src);
if(matchArray_src)
{
for(var i=0;i
[^
]*
/gi;
str_temp.match(regExp_src_temp); 🎜>var head = document.getElementsByTagName ('head')[0];
script.type = 'text/javascript'; src = RegExp.$1;
script.defer="true";
functionloadScript(str){
var regExp_function=/
]*>([sS]*?)
/gi; matchArray_function=str.match(regExp_function );
if(matchArray_function){
for(var i=0;i
var regExp_function_temp=/
]*>([sS ]*?)
/gi ;
var matchArray_temp=str_temp.match(regExp_function_temp);
}
}