为了应对所有的现代浏览器,包括 IE5 和 IE6,请检查浏览器是否支持 XMLHttpRequest 对象.如果支持,则创建 XMLHttpRequest 对象.如果不支持,则创建 ActiveXObject : 实例 var xmlhttp; if (window.XMLHttpRequest)   {// code for IE7+, Firefox, Chrome, Opera, Safari   xmlhttp=new XMLHttpRequest();   } else   {//

首先你要有php的环境,关于php环境的搭建,php本地站点的搭建,此处不再重复请看这里:http://www.cnblogs.com/Gabriel-Wei/p/5950465.html我们把wamp打开,并且在Dreamweaver里面新建一个phpStudy站点.这篇文章我们需要两个文件,一个test.html前端的页面,一个tigong.php数据的提供页,下面分别进行介绍. tigong.php我们在Dreamweaver,phpStudy站点下面,新建一个tigong.php页面,里

持续补充... AJAX的核心是异步对象XMLHttpRequest对象,一个具有程序接口的JavaScript对象,能够使用超文本传输协议(HTTP)链接一个服务器. 这是一段标准的AJAX执行代码: <script type="text/javascript"> function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest)//用兼容性的方法获取xmlhttprRequest对象 {// IE7+.Fire

一.AJAX概述 AJAX是Asynchronous JavaScript and XML的缩写.中文译作异步JavaScript和XML.AJAX 不是新的编程语言,而是一种使用现有标准的新方法.在不又一次载入页面的情况下,与server交换数据并更新部分网页的艺术. 其核心是:client的Javascript可以与webserver进行异步数据交换. 二.AJAX基础---XMLHttpRequest对象 全部现代浏览器(IE7+.Firefox.Chrome.Safari 以及 Oper

JavaScript JSON 与 AJAX JSON 是一种轻量的数据交互格式,与 AJAX 配合完成前端页面与服务端的信息传递,本文介绍 JSON 的使用.原生 AJAX 写法.JSONP 跨域解决方法以及 AJAX 和 JSONP 工具函数的封装 JSON 的概念 所有编程语言都离不开的三大数据结构 scalar 标量:数字和字符串 sequence 序列:数组和列表 mapping 映射:键值对 JSON:JavaScript Object Notation,轻量级的数据交互格式 JSO

今天小编发现一个es6中的新概念,同时也接触到了一个新关键字yeild,下面我就简单和大家聊聊es6中的generator函数.大家还可以关注我的微信公众号,蜗牛全栈. 一.函数声明:在function和函数名之间存在星号,并使用关键字yeild function* foo(){ for(let i = 0;i<3;i++){ console.log(i) // 什么也没输出 yield i } } console.log(foo()) // Generator 二.next方法 functio

MLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始. 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法: 先看看IE创建XMLHttpRequest 对象的方法(方法1): var xmlhttp=ActiveXobject("Msxml12.XMLHTTP");//较新的IE版本创建Msxml12.XMLHT

主要是分为两大类:IE.其它浏览器 IE8以下只支持这种 InputVoltage.innerText = xmlDoc.getElementsByTagName(id)[0].text, 其它浏览器大部分兼容这种 InputVoltage.innerHTML =xmlDoc.getElementsByTagName(id)[0].textContent. 部分代码如下: function Gett(str) { // 判断MyBrowserType,以决定读取text还textcontent.

长久以来JavaScript兼容性一直是Web开发者的一个主要问题.在正式规范.事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬.为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一.函数和方法差异: 二.样式访问和设置: 三.DOM方法及对象引用: 四.事件处理: 五.其他差异的兼容处理. 一.函数和方法差异 1. getYear()方法 [分析说明]先看一下以下代码: var year= new Date().getYear();document.wr

原文:原生AJAX基础讲解及兼容处理 AJAX = Asynchronous JavaScript and XML (异步的JavaScript和XML). AJAX不是新技术 ,但却是热门的技术.它可以在不重载(刷新)整个页面的情况下与服务器进行数据交互并更新网页模块. AJAX的优点有很多:可以局部刷新.按需加载,这样就减轻了服务器的数据流量.并且在页面更新的同时,用户可以浏览器网页的其它内容而不受影响,也减轻了结构负担.AJAX也不是万能的,在有以上优点的同时SEO也受到了影响. 在学习A

javascript原生代码中经常会遇到各式各样浏览器不兼容的问题,浏览器真是倔强,解决浏览器的兼容是前端猿们的一大难题 为了避免在工作中遇到这些简单的问题.节约开发时间,在这里总结一些常用的浏览器兼容原生js的一些问题 1.获取事件对象 e=e||window.event; 2.获取键码的通用代码 var keyCode = e.keyCode || e.which || e.charCode 3.获取页面滚动距离 var top = document.body.scrollTop | doc

AJAX常用参数 AJAX对象兼容 AJAX对象方法与属性 AJAX封装兼容方法源码 AJAX全称Asynchronous JavaScript and XML(异步的JavaScript与XML),最初的AJAX传输的数据格式采用的是XML,所以这也就是AJAX名称的由来,后来由于技术的发展JSON更被接受,现在的AJAX传输数据格式改用的都是JSON格式.其实最初的浏览器并不支持AJAX技术,这些与需求安全技术等等因素相关,这里就不太深入的赘述,值得关注的是AJAX本身实质上就是HTTP网络

一.JS与DOM的兼容性: (一) DOM节点的访问: 1.以前对DOM节点访问一般用“document.All.元素ID属性值”或者“document.元素ID属性值”这种简化的方法,在FireFox中有时不支持此方法.解决办法:标 准的方法为“document.getElementByIdx_xx(‘元素ID属 性值’)”或者“document.getElementByName(‘元素Name属性值’)[0]”或者 “document.getElementByTagName(‘元素标签名’)

//1.滚动条到顶端的距离 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //2.滚动条到左边的距离 var scrollLeft = document.documentElement.scrollLeft || document.body.ScrollLeft; //3.byClassName的兼容(通过class获取指定的对象) function byClassName(obj,c

运动.cookie.ajax.获取行内样式兼容写法.拖拽封装大合集. //url,data,type,timeout,success,error function ajax(options){ //-1 整理options options=options||{}; options.data=options.data||{}; options.timeout=options.timeout||0; options.type=options.type||'get'; //0 整理data var a

js  兼容问题 1. document.form.item 问题问题:代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行解决方法:改用 document.formName.elements["elementName"] 2. 集合类对象问题问题:代码中许多集合类对象取用时使用(),IE能接受,FF不能解决方法:改用 [] 作为下标运算,例:document.getElementsByName("

Fetch 作为一个与时俱进的前端,Fetch当然应该有所了解和涉猎.如果你没有听说过Fetch,那么ajax应该不陌生吧.Fetch相当于是一个新版本的Ajax,虽然现在我们常常使用的仍是ajax,但是fetch已经在渐渐地撼动ajax的地位.在最近的项目中,为了更新一下技术栈,所以使用了fetch.所以写一篇文章记录一下fetch相关的内容. 先说一下fetch的优点吧,首先ajax最遭人诟病的就是回调地狱了,也就是比如说如果你要发送一个Ajax请求,但是请求的参数却需要上一个ajax来返回

1.兼容Firefox的 outerHTML,Firefox中没有outerHtml的方法. if (window.HTMLElement) { HTMLElement.prototype.__defineSetter__("outerHTML",function(sHTML) { var r=this.ownerDocument.createRange(); r.setStartBefore(this); var df=r.createContextualFragment(sHTML

Ajax的兼容: 在ie 6 7 8 不支持XMLHttpRequest的对象: 他的Ajax内置对象为ActiveXObject("Microsoft XMLHTTP") 除了内置对象不一样外,剩下的都一样 兼容性的处理方法: var http; if(window.XMLHttpRequest){ http=new XMLHttpRequest; } else{ http=new ActiveXObject("Microsoft XMLHTTP") } 最流行A

在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题? 百度源代码如下: <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml> <head> <meta http-equiv=Content-Type content=“text/ht

今天总结总结在JS里面遇到的兼容性问题 1.获取滚动距离的兼容性问题: document.documentElement.scrollTop  ||  document.body.scrollTop    (兼容IE) 2.获取非行间样式 getComputedStyle(元素,false)[attr]  ||   元素.currentStyle[attr] 3.索引获取字符串的问题 str[1] 在IE6,7中不兼容,用str.charAt(1)在各个浏览器都兼容 4.DOM中的获取节点的兼容