【兼容ie、firefox的图片自动缩放的css跟js代码分享】教程文章相关的互联网学习教程文章

兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码_javascript技巧

在编写处理xml的网页时,经常为浏览器兼容性头疼。于是我将常用的xml操作封装为函数。经过一段时间的改进,现在已经很稳定了,用起来很舒服。   函数有—— xml_loadFile:xml同步/异步加载。 xml_transformNode:xsl转换。 xml_text:节点的文本。 selectSingleNode:根据XPath选择单个节点。 selectNodes:根据XPath选择多个节点。   全部代码(zyllibjs_xml.js)—— 代码如下: /* zyllibjs_xml XML处理 @author zyl910 注...

FireFox下XML对象转化成字符串的解决方法_javascript技巧【图】

解决方法如下: 代码如下: 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...

兼容ie、firefox的图片自动缩放的css跟js代码分享_图象特效

需求:图片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的中可直接使用$/$$函数进行调试_javascript技巧【图】

接着在各个浏览器中测试,发现Firefox/Chrome/Safari中有,IE9/Opera没有。 $ 相当于 document.getElementById $$ 相当于 document.querySelectorAll 在chrome控制台敲$,$$一目了然 这两个函数都是浏览器调试工具自带的。

设置iframe的document.designMode后仅Firefox中其body.innerHTML为br_javascript技巧【图】

重现如下: 代码如下: 设置iframe的document.designMode后仅Firefox中其body.innerHTML为br 输出ifr.contentWindow.document.body.innerHTML应该是空字符串。但Firefox中有点特殊。 请按下面步骤依次操作。 Firefox中打开该html默认输出了空字符串 控制台中执行changeDesignMode方法,再执行prif方法,这时输出的innerHTML为“”,如下Chrome/Safari/Opera输出的仍然是空字符串。

Firefox中beforeunload事件的实现缺陷浅析_javascript技巧【图】

beforeunload 指在页面卸载前提供的最后一次JS执行的机会。如下 代码如下: window.onbeforeunload = function() { return 您正在编辑的博客尚未保存,确定要离开此页吗?; }; 可以使用返回值文字来提示用户。但只有Firefox中却不显示该文字。 当刷新页面时,各浏览器表现如下 IE:Chrome:Firefox12: Mozilla官方说Firefox4之前的版本可以通过事件对象的returnValue修改该值,如下 代码如下: window.onbeforeunload = function(...

javascript小组件原生table排序表格脚本(兼容iefirefoxoperachrome)_javascript技巧【图】

首先创建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文件直接引入即可 因为...

firefox下jQueryUIAutocomplete1.8.*中文输入修正方法_jquery

找到以下代码: 代码如下:.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 ); ...

JS事件Event元素(兼容IE,Firefox,Chorme)_javascript技巧【图】

好的程序往往是兼容多种浏览器的。 看下例: 一个简单的button,我们可以通过点击下面的button直接通过event对象得到当前的button元素,兼容多浏览器.当然,其他元素事件的写法同。

Javascript在IE和FireFox中的不同表现简析_javascript技巧【图】

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下jqueryiframe刷新页面提示会导致重复之前动作_jquery

刷新页面会提示 “要显示此页面, Firefox 必须发送将会导致重复之前动作的数据(例如搜索或者下订单)”看看以下代码 代码如下:$("iframe").load(function(){ $(this).attr("src","about:blank"); }) 框架打开后设置地址到一个空页面就可以避免这个提示但有个问题 就是设置src后会触发load事件,会导致循环加载所以需要设置一个参数 等触发完正常事件后 做一个标记load完后判断一下 代码如下:$("iframe[name=hi]").load(function()...

关于火狐(firefox)及ie下event获取的两种方法_javascript技巧

经常有同事问我在火狐浏览器怎么获取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...

用JS提交参数创建form表单在FireFox中遇到的问题_javascript技巧

在一个前端页面上,需要通过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....

E3tree1.6在Firefox下显示问题的修复方法_javascript技巧【图】

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...

本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结_javascript技巧【图】

最近在Web项目开发过程中遇到的本地图片预览的需求,虽然最后因为其他原因没能使用,但是也算有些了解,整理出来。这里我们按浏览器分,主要包括IE6,IE7/8 和Firefox3, 不包含Opera,Safari和Chrome,这三个基本上需求很小,没有研究。 总结一下就是: IE6下可以直接从file的value获取图片路径来显示预览。 IE7和IE8下通过select获取file的图片路径,再用滤镜来显示预览。 FireFox下调用file的getAsDataURL方法获取Data URI数据来...

FIREFOX - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部