我们调试Javascript一般会用到Chrome或Firefox自带的调试工具，本文列出了几条用于调试Javascript的技巧，掌握它们，让我们花更少的时间来解决错误和bug，从而提高开发效率。本文主要介绍了9种使用Chrome Firefox 自带网页调试工具调试javascript技巧，希望能帮助到大家。1. debugger除了console.log, debugger是我们最喜欢、快速的调试工具。执行代码后，Chrome会在执行时自动停止。你甚至可以把它封装成条件，只在需要时才运行。...
iframe 自动获取onload高宽 function AutoResize(iframe) { //firefox if(iframe.contentWindow) { iframe.height = iframe.contentWindow.document.documentElement.scrollHeight; iframe.width = iframe.contentWindow.document.documentElement.scrollWidth; } //IE else if(iframe.contentDocument) { iframe.height = iframe.contentDocument.width; iframe.width = iframe.contentDocument.height; } }iframe 自动...
本文实例讲述了JS实现iframe自适应高度的方法。分享给大家供大家参考，具体如下：之前一直被iframe自适应高度的问题困扰，很多JS代码在FF里面似乎就变成哑巴了。后来下面这段代码终于被我从万千号称兼容FF的代码堆中翻了出来。我已经用过了，真的好用。尤其是对于我这样的JS水平较低（真不好意思）的人来说，这段代码简单易懂，方便修改，只要把下面的代码复制粘贴到iframe所在页面的<body>标签里面，并且修改一下ID名就行了（注意...
javascript如何取option的text值(firefox下使用)Firefox下面没有innerText,所以我们想在firefox下获取下列框选中option的text（注意不是value）时会比较吃力。笔者结合自己在项目中的解决方案和代码总结一下，请大家指教。 知识点： 0、为什么要innerText？因为安全问题1、为firefox dom模型扩展属性 2、currentStyle属性可以取得实际的style状态3、IE实现innerText时考虑了display方式，如果是block则加换行4、为什么不用textC...
最近做了一个项目，碰到了FireFox和IE脚本不兼容的问题，为此从网上搜集了部分兼容的脚本，另外自己也摸索了一点，原本写在了自己另外一个博客里，现拷过来供大家参考，原文1.window.event兼容脚本 2.屏蔽Form提交事件 3.获取事件源 4.添加事件兼容写法 5.Firefox注册innerText写法 6.长度 7.父控件下的子控件 8.XmlHttp 1.window.event兼容脚本function getEvent(){ //获取浏览器事件，同时兼容ie和ff的写法 if(document.all) ret...
看例子: 运行代码框Untitled Document打开打开打开document.body.onclick = function(evt){evt = evt || window.event;var o = evt.target || evt.srcElement;window.open(o.previousSibling.href || o.previousSibling.previousSibling.href);return false; }[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行] 找到 document.body.onclick = function(evt),在IE下,这个evt是不会有的,但是在fireFox下(opera下好像也是)会默认...
以下以 IE 代替 Internet Explorer，以 MF 代替 Mozzila Firefox 1. document.form.item 问题 (1)现有问题： 现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在 MF 下运行 (2)解决方法： 改用 document.formName.elements["elementName"] (3)其它 参见 2 2. 集合类对象问题 (1)现有问题： 现有代码中许多集合类对象取用时使用 ()，IE 能接受，MF 不能。 (2)解...
在FireFox下编写事件处理函数是很麻烦的事. 因为FireFox并没有 window.event . 如果要得到 event 对象,就必须要声明时间处理函数的第一个参数为event. 所以为了兼容IE与FireFox,一般的事件处理方法为: btn.onclick=handle_btn_click; function handle_btn_click(evt) { if(evt==null)evt=window.event;//IE //处理事件. } 对于简单的程序,这不算麻烦. 但对于一些复杂的程序,某写函数根本就不是直接与事件挂钩的.如果要把ev...
Firefox实在太BT了, 总给我们加一些无聊的安全权限设置. 这几天在做Qzone的FF兼容发现. 设置了domain 后, FF下无法获取 styleSheets 的 cssRules 了. 虽然无法获取 cssRules ,但是我惊讶地发现,居然可以对 styleSheets 里的样式进行 insert和delete . 这是那门子权限呀,无聊了不是. 得给我 insert和delete 就够了. 利用这两个方法也可以对样式进行 update 操作. 为了让firefox兼容IE. 我修改了 CSSStyleSheet 的原型方法 代码如...
JS用 或 || 来兼容FireFox!_javascript技巧<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <li> <a href="http://www.blueidea.com/articleimg/bbsimg/smile....
在FireFox下编写事件处理函数是很麻烦的事. 因为FireFox并没有 window.event . 如果要得到 event 对象,就必须要声明时间处理函数的第一个参数为event. 所以为了兼容IE与FireFox,一般的事件处理方法为: btn.onclick=handle_btn_click; function handle_btn_click(evt) { if(evt==null)evt=window.event;//IE //处理事件. } 对于简单的程序,这不算麻烦. 但对于一些复杂的程序,某写函数根本就不是直接与事件挂钩的.如果要把ev...
现在用脚本控制 html 元素样式的方法真的很多很多。 对单个元素可以直接 element.style.display=......修改一个样式，也可以 element.className=...修改它的多个样式。 对于多个元素修改样式可以用脚本直接 import css文件。 目前项目中有这么一个需求。 要求改变某 div下所有子孙结点的样式，但不改变div本身样式。 我当时想都没有想就留下了一下代码： 代码如下: span{background-color:blue;} input{background-color:gray...
1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在 MF 下运行 (2)解决方法: 改用 document.formName.elements["elementName"] (3)其它 参见 2 2. 集合类对象问题 (1)现有问题: 现有代码中许多集合类对象取用时使用 ()，IE 能接受，MF 不能。 (2)解决方法: 改用 [] 作为下标运算。如:document.forms("formName") 改为 document.forms["formName"]。 又如:documen...
firefox中JS读取XML文件 在网上搜“firefox中JS读取XML文件”的方法，找了半天，好多都是问了没人答的。看到一堆程序员在抱怨firefox：“除了累死程序员没什么好处。”，言归正传。firefox不支持ie中的ActiveXObject对象，要得到一个XML DOM有以下2种方法：1、document.implementation.createDocument("", "", null);2、window.XMLHttpRequest 示例：1、var dom=document.implementation.createDocument("", "", null); dom.async=...
From: http://blog.donews.com/dodo 在IE，FF下测试通过，在TE无效。 function addBookmark(title,url) { if (window.sidebar) { window.sidebar.addPanel(title, url,""); } else if( document.all ) { window.external.AddFavorite( url, title); } else if( window.opera && window.print ) { return true; } } 页面使用： 添加到收藏 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]