跨浏览器(IE/FF/OPERA)JS代码小结
判断 IE ,Opera浏览器的类型,针对不同浏览器下多单元 元素事件或者样式的控制,比如td li等的控制。
<script language="javascript" type="text/javascript" >
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>
<iframe class="" width="97%" height="280" scrolling="no" οnunlοad="this.height=280;"
οnlοad="iframeResize(); scrollToTop();" frameborder="0" id="mainFrame" name="mainFrame"
src="XXX.aspx">您的浏览器不支持此功能,请您使用最新的版本。</iframe>
</div>
<script type="text/javascript">
<!--
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
<script language="javascript" type="text/javascript" >
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>
<form id="form1" runat="server">
<div>
<div id="btn" >XXXXXXXXXXXXXX</div>
</form>
</body>
</html>
****************************************** 专注于.net ********************************************
转载于:https://www.cnblogs.com/jasenkin/archive/2009/12/10/1621143.html
跨浏览器(IE/FF/OPERA)JS代码小结相关推荐
- 【前端】跨浏览器事件处理程序EventUtil.js个人注释及详解
<javascript高级程序设计>跨浏览器事件处理程序EventUtil.js个人注释 EventUtil.js // 跨浏览器事件处理程序封装 var EventUtil = {// ...
- 对ie浏览器版本识别的js代码
对ie浏览器版本识别的js代码 // 判断是pc端还是还是手机 var theUA = window.navigator.userAgent.toLowerCase(); // 识别ie的 var t ...
- 可添加至收藏夹并在浏览器地址栏运行的JS代码
编辑当前网页 代码如下: javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 无敌图片风 ...
- js判断PC端或是移动端、判断是不是微信浏览器、js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本
** js判断PC端或是移动端 ** 第一种 window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator ...
- js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本
因为ie10-ie11的版本问题,不再支持document.all判断,所以ie判断函数要重新写了 function isIE() { //ie? if(!!window.ActiveXObject ...
- php判断是否safari,js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本_javascript技巧...
因为ie10-ie11的版本问题,不再支持document.all判断,所以ie判断函数要重新写了 function isIE() { //ie? if (!!window.ActiveXObject ...
- Selenium Webdriver 的使用java执行js代码 解决 ScriptEngine不支持浏览器内置对象window,document的问题
问题场景: 使用java 掉用js代码,发现 ScriptEngine不支持浏览器内置对象window,document的问题: 问题一:为什么要 用java掉用js代码? 比如在 抓取(爬取)对方网 ...
- 四十年前的 6502 CPU 指令翻译成 JS 代码会是怎样
去年折腾的一个东西,之前 blog 里也写过,不过那时边琢磨边写,所以比较杂乱,现在简单完整地讲解一下. 前言 当时看到一本虚拟机相关的书,正好又在想 JS 混淆相关的事,无意中冒出个想法:能不能把某 ...
- Selenium+Python3之:多线程进行跨浏览器测试
python多线程跨浏览器测试 1.引言 2.跨浏览器操作及定义 2.1 啥是跨浏览器测试 2.2 为啥要进行跨浏览器测试 2.3 跨浏览器测试执行 3.代码编写实战 1.引言 在WebUI自动化方面 ...
最新文章
- 信息革命的新世界正在到来,连睡觉都觉得浪费
- 巴特沃斯滤波器应用场合_巴特沃斯数字低通滤波器设计及应用
- 第一阶段:Java基础之异常和处理
- 特意向大家推荐.NET技术圈一些优秀开发者的公众号
- 前端学习(3211):react中类中方法的this指向三
- 一文看懂 | 内存交换机制
- python打开excel窗口_简单介绍python在CMD界面读取excel所有数据
- Leetcode 199
- python绘制函数x^2+y^2的3D图像
- selenium2 原理和常用api
- MATLAB中的均值与方差求法(mean,var,std函数使用)
- thinkpad卡在logo界面_win7系统开机卡在Thinkpad LOGO画面无法进入桌面的解决方法
- 2020全国工业互联网安全技术技能大赛Web题WP
- 二叉树中序线索化分析
- B	bearBaby loves sleeping
- 同方台式计算机密码,清华同方的品牌机进bios需要密码,怎么清除它
- 高级编程中C语言属于,c语言高级编程
- 【论文阅读】Causality matters in medical imaging
- 程序员的10000个小时理论
- 【图片浏览器 Objective-C语言】