1200字范文 > 跨浏览器（IE/FF/OPERA）JS代码小结

跨浏览器（IE/FF/OPERA）JS代码小结

时间：2020-02-27 04:33:37

判断IE ，Opera浏览器的类型，针对不同浏览器下多单元元素事件或者样式的控制，比如td li等的控制。

var Fs_IsIE5 = (navigator.userAgent.indexOf("IE 5") > -1) || (navigator.userAgent.indexOf("IE 6") > -1);//导航的用户代理判断IE

var Fs_IsIE4= document.all&&navigator.userAgent.indexOf("Opera")==-1//opera 判断

function InitColorPalette()

{

if (Fs_IsIE4)

{//Opera

var x = document.all.tags('td');

}

else

{//IE

var x = document.getElementsByTagName('td');

}

for (var i=4; i<x.length; i++)

{

x[i].onmouseover = over;

x[i].onmouseout = out;

x[i].onclick = click;

}

} ---------------------->相应的写js函数.

*************************************************************************************************

针对iframe的浏览器版本控制

<div>

οnlοad="iframeResize(); scrollToTop();" frameborder="0" id="mainFrame" name="mainFrame"

src="XXX.aspx">您的浏览器不支持此功能，请您使用最新的版本。</iframe>

</div>

<!--

if (window.addEventListener){//FF

window.addEventListener("load", iframeResize, false);//默认为false，强类型防止侦听器被回收

alert('window.addEventListener');

}

else

{

if (window.attachEvent){//IE

window.attachEvent("onload", iframeResize);

alert('window.attachEvent');

}

else{ //other

window.οnlοad=iframeResize

alert('other');

}

-->

</script>

//IE FF下控制iframe的高度

function iframeResize()

{

var dyniframe = null;

if (document.getElementById)

{

dyniframe = document.getElementById("mainFrame");

if (dyniframe)

{

if (dyniframe.contentDocument)

{//firefox

dyniframe.height = dyniframe.contentDocument.body.scrollHeight + 10;}

else if (dyniframe.document && dyniframe.document.body.scrollHeight)

{ //IE

iframeheight= mainFrame.document.body.scrollHeight + 10;

dyniframe.height = iframeheight;}

}

function scrollToTop()

{

document.body.scrollTop=0;

}

********************************************************************************************

//判断不同浏览器的addEventListener,attachEvent

function winOnload() {

var o = document.getElementById("btn");

/* o.onclick = btnClick;

o.onclick = btnClick1;

o.onclick = btnClick2;*/ //触发一个btnClick2

/* o.attachEvent('onclick', btnClick);

o.attachEvent('onclick', btnClick1);

o.attachEvent('onclick', btnClick2);*///IE下触发btnClick->btnClick1->btnClick2

o.addEventListener("click", btnClick, false);

o.addEventListener("click", btnClick1, false);

o.addEventListener("click", btnClick2, false); //FF下触发

}

function btnClick() {

alert("0000XXXX");

}

function btnClick1() {

alert("1111XXXX");

}

function btnClick2() {

alert("2222XXXX");

}

if (window.addEventListener) {

window.addEventListener('load', winOnload, false);

} else {

window.attachEvent('onload', winOnload);

}

</script>

</head>

<body>

<div>

<div id="btn" >XXXXXXXXXXXXXX</div>

</form>

</body>

</html>

****************************************** 专注于.net ********************************************

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。