本文实例讲述了js实现兼容IE、Firefox的图片缩放代码。分享给大家供大家参考,具体如下:function SetSize(obj, width, height) {myImage = new Image();myImage.src = obj.src;if (myImage.width > 0 && myImage.height > 0) {var rate = 1;if (myImage.width > width || myImage.height > height) {if (width / myImage.width 用法:代码如下: 这种方法在IE、FIREFOX、OPERA、NETSCAPE测试都适用。 希望本文所述对大家JavaScript...
我们调试Javascript一般会用到Chrome或Firefox自带的调试工具,本文列出了几条用于调试Javascript的技巧,掌握它们,让我们花更少的时间来解决错误和bug,从而提高开发效率。1. debugger 除了console.log, debugger是我们最喜欢、快速的调试工具。执行代码后,Chrome会在执行时自动停止。你甚至可以把它封装成条件,只在需要时才运行。 if (thisThing) { debugger; }2. 用表格显示对象 有时, 有一组复杂的对象要查看。可以通过co...
1、页面缩放用到的技术点 (1)zoom zoom:normal | <number> | <percentage> 默认值:normal 适用于:所有元素 继承性:有可以使用用浮点数和百分比来定义缩放比例。 zoom的浏览器兼容性:http://caniuse.com/#search=zoomzoom的兼容性:firefox 全系列不支持。 (2)transformtransform:scale(1.1,1.1);scale(x,y) 定义 2D 缩放转换。 兼容性:http://caniuse.com/#search=transformtransform 属于CSS3属于,其兼容性:IE6-8不支...
jQuery中animate()的方法 用于创建自定义动画的函数。 返回值:jQuery animate(params, [duration], [easing], [callback]) 如果使用的是“hide”、“show”或“toggle”这样的字符串值,则会为该属性调用默认的动画形式。paramsOptions一组包 含作为动画属性和终值的样式属性和及其值的集合 params 对象{},注意:所有指定的属性必须用骆驼形式,比如用marginLeft代替margin-left,如果使用的是“hide”、 “show”或“toggle”这样...
IE中new Date(strDate)返回无效时间解决方式: 方法一: function getDateForStringDate(strDate){//切割年月日与时分秒称为数组var s = strDate.split(" "); var s1 = s[0].split("-"); var s2 = s[1].split(":");if(s2.length==2){s2.push("00");}return new Date(s1[0],s1[1]-1,s1[2],s2[0],s2[1],s2[2]);}方法二: var date = new Date(strDate.replace("-", "/").replace("-", "/"));以上所述是小编给大家介绍的JS中使用new D...
**兼容IE,Firefox 遵循W3C标准写法的图片无缝滚动代码(支持左移/右移功能)(本示例为上下两行图片进行双行滚动) **实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动内容,demo2为demo1的直接克隆, **通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的,当滚动至demo1与demo2的交界处时直接跳回初始位置, **因为demo1与demo2一样,所以分不出跳动的瞬间,从而达到“无缝”滚...
本文总结分析了Javascript在IE和Firefox浏览器常见兼容性问题。分享给大家供大家参考,具体如下: 表单 document.formName.item("itemName")IE:可以使用document.formName.item("itemName")或document.formName.elements["elementName"] Firefox:只能使用document.formName.elements["elementName"] 解决方法:统一使用document.formName.elements["elementName"] 集合类对象 IE:可以使用()或[]获取集合类对象; Firefox:只能使...
本文实例讲述了JS实现iframe编辑器光标位置插入内容的方法。分享给大家供大家参考,具体如下: <html> <iframe id="x" name="x"></iframe> <input type="button" onclick="t()" value="test"> <input type="button" onclick="frames[x].location.href=about:blank;" value="clear"> <script> //setTimeout(window.frames["x"].document.designMode="On",200); function t(){ window.frames["x"].document.designMode="On"; var htm...
最近项目中用到了xml,需求是用户安装产品时先把一系列的数据保存到xml文件中,当执行到最后一步时才写入数据库,这样最大限度的减少了数据库的访问,于是不得不纠结在各浏览器的兼容性的问题(悲哀啊....) 进入正文 下面是一个xml文件 (createInstal.xml) <?xml version="1.0" encoding="utf-8"?> <info> <Item> <id descrption="级别" name="1" f_chines="编号" t_chines="編號" english="id" value="1">编号</id> <levelname des...
本文实例讲述了JS实现pasteHTML兼容ie,firefox,chrome的方法。分享给大家供大家参考,具体如下: <html> <body> <script language="JavaScript"> function test() {if (document.selection && document.selection.createRange) {var myRange = document.selection.createRange();var m = myRange.pasteHTML(<iframe width=100 height=100 src="http://localhost/t2.htm"></iframe>);}else if (window.getSelection) {var selection...
<img id="img1" src=""/> <script> function fileChange(obj) { var url = obj.value url = "file:///" + url.replace("\\",/); alert(url); document.getElementById("img1").src= url; } </script> <input type="file" onchange="fileChange(this);" /> 关键是:url = "file:///" + url.replace("\\",/);
尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。 这篇文章中,我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。 1. CSS “float” 属性 获取给定对象的特定 CSS 属性的基本语法是 object.style 属性,而且有连字符的属性要用骆驼命名法来代替。例如,获取一个 ID ...
我们或多或少都使用过各式各样的富文本编辑器,其中有一个很方便功能,复制一张图片然后粘贴进文本框,这张图片就被上传了,那么这个方便的功能是如何实现的呢? 原理分析 提取操作:复制=>粘贴=>上传 在这个操作过程中,我们需要做的就是:监听粘贴事件=>获取剪贴板里的内容=>发请求上传 为方便理解下文,需要先明白几点: 我们只能上传网页图(在网页上右键图片,然后复制)和截图(截图工具截的图片,eg:qq截图),不能粘贴上传系统...
本文实例讲述了js实现兼容IE、Firefox的图片缩放代码。分享给大家供大家参考,具体如下: function SetSize(obj, width, height) {myImage = new Image();myImage.src = obj.src;if (myImage.width > 0 && myImage.height > 0) {var rate = 1;if (myImage.width > width || myImage.height > height) {if (width / myImage.width < height / myImage.height) {rate = width / myImage.width;} else {rate = height / myImage.heigh...
最近在做博客的目录功能,发现一个在现代浏览器间的一个bug,或是称之为差异,即页面滚动值(scrollTop)的获取与设定。 在此之前先说一下关于页面元素的坐标获取,这张图的经典性不必再提。 实现滚动到某位置功能 一个最主要的功能就是实现点击标题页面滚动,因为我们要滚动到页面某个标题,所以需要计算出滚动这个元素的具体绝对位置,而常用的offsetTop是获取到当前元素与之最近的决定其定位的元素的偏移量,此处不适用。 此处应使...