/****************************************************************************** 说明:xml解析类 ******************************************************************************/ function XMLDOCDocument() { this.xmlDoc = null; this.async = false; this.xml = n

javascript和CSS在不同浏览器下的兼容性问题的几点总结: Javascript部分 1. document.form.item 问题问题:代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行解决方法:改用 document.formName.elements["elementName"] 2. 集合类对象问题问题:代码中许多集合类对象取用时使用(),IE能接受,FF不能解决方法:改用 [] 作为下标

1.关于获取行外样式 currentStyle 和 getComputedStyle 出现的兼容性问题  我们都知道js通过style不可以获取行外样式,当我们需要获取行外样式时:  我们一般通过这两个方法获取行外样式:  IE下: currentStyle  Chrome,FF下: getComputedStyle(oDiv,false)        兼容两个浏览器的写法:        if(oDiv.currentStyle){            alert(oDiv.current

一.属性相关 我们通常把特征(attribute)和属性(property)统称为属性,但是他们确实是不同的概念,特征(attribute)会表现在HTML文本中,对特征的修改一定会表现在元素的outerHTML中,并且特征只存在于元素节点中:属性(property)是对于JS对象进行修改,除了浏览器内置的部分特征外,其它的属性操作并不会影响HTML文本. 1. IE6/7不区分属性和特征 其它浏览器会区分属性和特征,而IE67并不会区分它们,在IE67下我们只能用属性名来删除特征,虽然这两个名

一.处理兼容性问题的相关插件: 1> 解决移动端某些版本的浏览器,点击事件有3s延时触发的问题 · 安装 fastclick 依赖包:npm install fastclick --save-dev · 在Vue项目的Main.js中将 fastclick 绑定到 body 即可: import fastClick from 'fastclick' fastClick.attach(document.body) 2> 解决部分低版本安卓浏览器不支持 promise (es6新特性)的问题(还有

//获取标签的内容(兼容所有浏览器)function getInnerText(element) { //能力检测(先判断如果这个能力有这个) if(typeof element.innerText === "string") { //说明支持innerText return element.innerText; }else { //说明不支持innerText return element.textContent; }}//设置内容的方法(兼容性问题)function setInne

转自:http://code.google.com/p/ie7-js/ 使IE5,IE6兼容到IE7模式(推荐) <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script> <![endif]--> 使IE5,IE6,IE7兼容到IE8模式 <!--[if lt IE 8]> <s

①添加事件方法 addHandler:function(element,type,handler){     if(element.addEventListener){//检测是否为DOM2级方法         element.addEventListener(type, handler, false);     }else if (element.attachEvent){//检测是否为IE级方法         element.attachEvent("on" + type, h

最近在做一个日历控件,网上copy了一段代码然后自己又改改. 标准浏览器下正常,结果ie全部不支持,搞不懂,原来Date.parse在IE下有兼容性问题 //beginData格式为'yyyy-mm-dd' var _date = new Date(Date.parse(new Date(beginDate))); //获取时间 将日期格式 'yyyy-mm-dd' 改成 'yyyy/mm/dd' 即可解决 var _date = new Date(Date.parse(new Date(beg

关于节点的兼容性: 1:获取元素的子节点 a: childNodes:获取元素的子节点,空文本,非空文本,注释,获取的比较全面, 如果只是想获取元素的子节点,请用(children) b:     children方法:可以获取元素的子节点,但是在(IE8中)除了可以获取子节点,还可以获取(注释节点) 一般情况下, 元素中不会有注释,但是如果有,可以使用(nodeType==8)来去除注释 节点 2:获取元素的父节点 parentNode:获取元素的父节点,所有浏览器都支持,我喜欢 3:获取元素

function customstopPropagation(e){ var ev = e || window.event; if (ev.stopPropagation) { ev.stopPropagation(); $(document).on("click",".add",function(e){ //阻止冒泡 customstopPropagation(e); }) } else if (window.event) {//IE window.event.c

function selectText(){ if(document.selection){ //ie return document.selection.createRange().text; } else{ //标准 return window.getSelection().toString(); } }

这里只测试3个浏览器的情况:IE, 火狐,谷歌. 一. 无参 //无参 var dateTime = new Date(); 所有浏览器都兼容,GOOD 二. 日期参数 //日期参数 格式1 var dateTime = new Date("2016-05-20"); a. IE > IE9-(不兼容) > IE9+(兼容,包含IE9) b. 火狐(兼容) c. 谷歌 (兼容) //日期参数 格式2 var dateTime = new Date("2016/05

var tools = { //添加事件 addHandle: function (e, type, handle) { if (e.addEventListener) { e.addEventListener(type, handle, false); } else if (e.attachEvent) { e.attachEvent("on" + type, handle); } else { e["on" + type] = handle; } }, //删除

事件对象兼容        window.event只能在IE下运行,而不能在Firefox下运行,这是因为Firefox的event只能在事件发生的现场使用.Firefox必须从源处加入event作参数传递.IE忽略该参数,用window.event来读取该event. 解决的方法:        event = event || window.event 阻止事件冒泡兼容 stopPropagation()和cancelBubble,前者是方法,是标准的写法,后者是属性,赋值true表示阻止

s框架就是将常用的方法进行封装,方便调取使用.一个框架是一个可复用的设计构件,它规定了应用的体系结构,阐明了整个设计.协作构件之间的依赖关系.责任分配和控制流程,表现为一组抽象类以及其实例之间协作的方法,它为构件复用提供了上下文(Context)关系.因此构件库的大规模重用也需要框架.js框架就是对js各种功能的封装和抽象,使得在使用的时候具有简便性和更好的兼容性,并且可以扩展框架中的内容.因为直接用js会有兼容性问题,js框架一般预处理了很多兼容性问题,实现了很多常用操作,减少工作量,当然使用

io.js的官网上有专门介绍其所支持的ES6特性的页面(点我查看),上面介绍到,相比nodeJS,io.js已从根本上支持了新版V8引擎上所支持的ES6特性,无需再添加任何运行时标志(如 --harmony ). 有的朋友可能对Node不熟悉,不太知道harmony标志的情况,这里简单介绍下. 在NodeJS中,如果所要执行的脚本(假设为app.js)是基于ES6来编写的,那么得在命令的脚本路径前加上 “--harmony” 运行时标志,也就是这样执行脚本: node --harmony app

js解析与序列化json数据(一)json.stringify()的基本用法: 对象有两个方法:stringify()和parse().在最简单的情况下,这两个方法分别用于把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript.早期的JSON解析器基本上就是使用JavaScript的eval()函数.由于JSON是JavaScript语法的自己,因此eval()函数可以解析.解释并返回JavaScript的对象和数组. ECMAScript 5对解析JS

原文地址:http://www.moye.me/2014/11/05/html5-filereader/ 最近在做一个网盘的项目,不出意外的涉及到大文件的上传,那么问题来了:如何实时的显示文件上传的进度? 问题分解 似乎是老生常谈,几年前我做过类似的功能模块(基于.NET平台),方案思路: 基于表单提交 Server端根据上传文件分配标识符(GUID)并进行流式读取 Browser端发起Ajax拉取文件上传状态 这种方案的问题是受制于文件大小(最大2G).所谓文件上传进度的实时显示,个人觉得比较

预加载的好处可以让网页更快的呈现给用户,缺点就是可能会增加无用的请求(但图片.css.js这些静态文件可以被缓存),如果用户访问的页面里面的css.js.图片被预加载了,用户打开页面的速度会快很多,提升用户体验.在用到一些大图片展示的时候,预加载大图是很不错的方法,图片更快的被呈现给用户.不多说了,作为一个前端攻城师都懂的,下面分享我做的测试和得到的结果. 先说需要知道的服务器返回的status code:status-code: 200 - 客户端请求成功status-code: 304 -

为什么要使用video.js? 1. PC端浏览器并不支持video直接播放m3u8格式的视频 2. 手机端各式各样的浏览器定制的video界面风格不统一,直接写原生的js控制视频兼容性较差 3. video.js解决以上两个问题,还可以有各种视频状态接口暴露,优化体验 核心代码: <!DOCTYPE html> <html> <head> <title>videojs支持hls直播实例</title> <link href=".