JS兼容Firefox

  打开TOOLS -> dom inspector , 左侧选中某个控件后, 右侧可以选择 JAVASCRIPT OBJECT
  通过自带工具调试javascript
  TOOLS -> JavaScript Console
  打开所有js警告:
  在地址栏里录入:about:config
  双击,设置 javascript option restict 打开为true 能够看到很多警告,利于纠错
  ☆ 关于调试JS的tip
  调试js时,经常受缓存的影响,页面不会加载最新的代码,为此解决如下:
  在新页面里打开原来的地址,关闭原来的页面,ok了.
  以上方法在IE和FF下都有效.
  ☆ IE -> firefox js类
  △ document.all -> document.getElementById
  并且控件尽量用id,而不是name标识
  为了兼容旧代码,参考下面的函数, 把document.all 替换为 document_all即可
  function document_all(objName,doc){
  if (!doc) doc = document;
  var obj;
  obj = doc.getElementById(objName);
  if (!obj) obj = doc.getElementsByName(objName)[0];
  return obj;
  }
  提示:
  如果控件只有name,没有id, 用getElementById时:
  IE:也可以找到对象
  FF:返回NULL
  △ 判断对象是否是object的方法应该为
  if( typeof 对象变量 == "object")
  而不是 if(对象变量 == "[object]")
  △ eval(对象名称) -> document.getElementById
  FF支持eval函数
  △ 通过id直接调用对象
  name.value = ""
  改为
  document.getElementById("name").value = ""
  △ window.event 的改造, firefox和opera会在调用函数时传入event对象,
  ie用全局对象window.event,可以修改事件处理函数,接收event对象
  function editmask_keydown(event){
  event = event || window.event;
  这样定义对系统改动比较大, 所以从底层转换处理,可能更好一些
  参考 ie_to_w3c.js
  △
  mX = event.x ? event.x : event.pageX;
  △ 不支持onpropertychange事件
  △ obj.insertAdjacentElement("beforeBegin",objText);
  改为用
  obj.parentNode.insertBefore(objText,obj);
  △ createElement不支持HTML代码
  用document.write(esHTML); 可以解决一部分情况
  △ innerText -> textContent
  △ 对象名称中的$改为_
  objName = "t1$spin"
  改为
  objName = "t1_spin"
  △ 事件名称和注册方式的变化
  this.selYear.addEventListener("blur", myBlur, false);
  △ FF里设置Attribute为某个对象,然后再取出来,这时候对象的属性都丢失了?
  objText.setAttribute("dropdown_select",obj);
  alert(obj.id) //正确的名字
  var objxx = objText.getAttribute("dropdown_select");
  alert(objxx.id) //null
  在IE下没有问题, FF对setAttribute来说,第2个参数都是字符串型的!!!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值