在编写处理xml的网页时,经常为浏览器兼容性头疼。于是我将常用的xml操作封装为函数。经过一段时间的改进,现在已经很稳定了,用起来很舒服。 函数有—— xml_loadFile:xml同步/异步加载。 xml_transformNode:xsl转换。 xml_text:节点的文本。 selectSingleNode:根据XPath选择单个节点。 selectNodes:根据XPath选择多个节点。 全部代码(zyllibjs_xml.js)—— 代码如下: /* zyllibjs_xml XML处理 @author zyl910 注...
解决方法如下: 代码如下: xml转化成字符串 $(document).ready(function () { //使fireFox也支持xmlDom.xml if (!document.all) { Node.prototype.__defineGetter__( "xml", function () { return (new XMLSerializer).serializeToString(this); }); } alert(1); var xmlStr = "Hello world"; var parser = new DOMParser(); var xmlDoc = parser.parseFromString(xmlStr, "text/xml"); alert(xmlDoc.documentElement.nodeNam...
需求:图片width1、利用max-width,max-height使图片等比例自动缩放,代码: 代码如下: img{max-width: 330px;max-height: 150px;} 由于ie6不支持css max-width,max-height,所以在ie6中需要利用javascript脚本来控制大小。 2、用javascript脚本来兼容ie6,代码如: 代码如下: var img_width = img.OffsetWidth;var img_height = OffsetHeight; var current_w = (150*img_width)/img_height; var current_h = (330*img_height)/im...
接着在各个浏览器中测试,发现Firefox/Chrome/Safari中有,IE9/Opera没有。 $ 相当于 document.getElementById $$ 相当于 document.querySelectorAll 在chrome控制台敲$,$$一目了然 这两个函数都是浏览器调试工具自带的。
重现如下: 代码如下: 设置iframe的document.designMode后仅Firefox中其body.innerHTML为br 输出ifr.contentWindow.document.body.innerHTML应该是空字符串。但Firefox中有点特殊。 请按下面步骤依次操作。 Firefox中打开该html默认输出了空字符串 控制台中执行changeDesignMode方法,再执行prif方法,这时输出的innerHTML为“”,如下Chrome/Safari/Opera输出的仍然是空字符串。
beforeunload 指在页面卸载前提供的最后一次JS执行的机会。如下 代码如下: window.onbeforeunload = function() { return 您正在编辑的博客尚未保存,确定要离开此页吗?; }; 可以使用返回值文字来提示用户。但只有Firefox中却不显示该文字。 当刷新页面时,各浏览器表现如下 IE:Chrome:Firefox12: Mozilla官方说Firefox4之前的版本可以通过事件对象的returnValue修改该值,如下 代码如下: window.onbeforeunload = function(...
首先创建html页面为sort.html ,并把下面的内容复制进去 代码如下: 无标题文档 .desc span{ display:none;} .asc em{ display:none;} ID|- name|- 1 开心 3 开饭 5 开放 ID|- name|- 1 开心 3 开饭 5 开放 新建脚本页 sort.js 代码如下: /* 表格排序功能 事件:2012 7 24 DOM 节点 如果表格需要排序 在表格属性中添加 sort="true" 并且 id是唯一并且是必须的 此js文件直接引入即可 因为...
找到以下代码: 代码如下:.bind( "blur.autocomplete", function( event ) { if ( self.options.disabled ) { return; }clearTimeout( self.searching ); // clicks on the menu (or a button to trigger a search) will cause a blur event self.closing = setTimeout(function() { self.close( event ); ...
好的程序往往是兼容多种浏览器的。 看下例: 一个简单的button,我们可以通过点击下面的button直接通过event对象得到当前的button元素,兼容多浏览器.当然,其他元素事件的写法同。
1.document.formName.item("itemName") 问题 说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"]. 解决方法:统一使用document.formName.elements["elementName"]. 2.集合类对象问题 说明:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象. 解决方法:统一使用[]获取集合类对象. 3.自定义属性问...
刷新页面会提示 “要显示此页面, Firefox 必须发送将会导致重复之前动作的数据(例如搜索或者下订单)”看看以下代码 代码如下:$("iframe").load(function(){ $(this).attr("src","about:blank"); }) 框架打开后设置地址到一个空页面就可以避免这个提示但有个问题 就是设置src后会触发load事件,会导致循环加载所以需要设置一个参数 等触发完正常事件后 做一个标记load完后判断一下 代码如下:$("iframe[name=hi]").load(function()...
经常有同事问我在火狐浏览器怎么获取event的方法,大多是想获取event.keyCode的功能两种方法 第一种方法: 代码如下: function a(e){ e=e||window.event; alert(e.keyCode); } ie浏览器如下调用 代码如下: firefox火狐浏览器如下调用 代码如下: 这样就可以调用成功 这种方法在firefox需要带个参数过去,不是太好,下面介绍第二种方法 第二种方法: 代码如下: function a(){ e=arguments.callee.caller.arguments[0] || wi...
在一个前端页面上,需要通过JavaScript来提交参数,使用JS创建form表单,将参数append到表单中进行提交,代码如下: Js代码: 代码如下: functionloadConfig(gameUrl,skinId){ vartemp=document.createElement("form"); temp.action="${createLink(controller:mobileConfig,action:beforeLaunchConfig)}"; temp.method="POST"; temp.style.visibility="hidden"; varopt=document.createElement("input"); opt.name="gameUrl"; opt....
tree 在Firefox下只显示一句话: 用firebug查看页面元素观察发现两个script导入被一个输出的的时候没有转义. 查看e3 tree的源代码: /E3Tree/src/net/jcreate/e3/tree/ext/ExtTreeBuilder.java /E3Tree/src/net/jcreate/e3/tree/ext/OutlookExtTreeBuilder.java 找到相关代码: 代码如下: resouces.append("resouces.append("if ( typeof(Ext) == ""undefined"" || typeof(Ext.DomHelper) == ""undefined"" ){").append(ENTER); reso...
最近在Web项目开发过程中遇到的本地图片预览的需求,虽然最后因为其他原因没能使用,但是也算有些了解,整理出来。这里我们按浏览器分,主要包括IE6,IE7/8 和Firefox3, 不包含Opera,Safari和Chrome,这三个基本上需求很小,没有研究。 总结一下就是: IE6下可以直接从file的value获取图片路径来显示预览。 IE7和IE8下通过select获取file的图片路径,再用滤镜来显示预览。 FireFox下调用file的getAsDataURL方法获取Data URI数据来...