Zero_Error-CSDN博客

原创 js中的ajax技术

/*** Ajax即异步JavaScript+XML* (ie7+,ie6-使用MSXML.HTTP的不同版本实现)** 1.对于ie7+的浏览器可以使用XMLHTTPRequest对象，下面是一个兼容ie6-的写法*function createXHR(){if(typeof XMLHttpRequest != "undefined"){//能使用XHRretur

2017-09-06 16:50:33 760

原创 js中json的使用

/** * 1.JSON是JavaScript对象表示法 * * 2.JSON中不存在变量,对于属性需要加双引号(必须是双引号),末尾不需要分号 * { * "name":[zhangsan,lisi], * "age":[12,13], * "fridends":{ * "zhangsan":"12", * "lisi":"13

2017-09-04 19:14:09 437

原创 HTML5中的video&audio

/** * 对于html5所新增的标签audio和video * (ie9+) * 1.有以下几个属性: * a.autoplay:自动播放 * b.controls:开启控制器(就是暂停/开始等自带的按钮) * (如果既不设置autoplay和controls那么只能使用js来开启播放) * c.type:指定播放的音频/视频的类型

2017-09-04 18:46:35 404

原创 react native中的错误unable to load script..

在学习React Native的是后构建项目遇到了一个错误unable to load script...解决办法:1.在项目目录/android/app/src/main下建一个文件夹assets2.在项目目录下运行react-native bundle --platform android --dev false --entry-file index.android.js --

2017-08-28 10:47:44 1373

原创 js中的拖拽drag

/** * 拖放事件 * (默认图像,链接,文本是可以拖动的) * (别的元素要拖动首先设置draggable="true":对于draggable的支持ie10+,ie9-只能使用默认拖动) * 1. 被拖放元素拖放事件: * a.dragstart:被拖放的元素开始拖放的时候触发 * b.drag:在拖放过程中持续触犯 * c.dragend:停止

2017-08-26 18:20:50 5377

原创 js中canvas操作

* 1.canvas元素是HTML5元素ie9+支持* 2.使用canvas绘图需要指定绘图区域大小,canvas有width和height属性,* 不要使用css来指定大小* 3.绘图操作方案:* 1.获取canvas元素:var draw=document.getElementById("drawingArea");* 2.获取2d上下文:var context=

2017-08-06 19:45:40 5097

原创 js中的表单元素操作

* 1.表单属性* 1.action:提交的url* 2.method:提交方式* 3.elements:表单控件的集合,可以使用下标或者name来访问,* 如：form1.elements["input01"],如果name相同就会返回所有* 4.length:表单控件的个数* 5.reset:重置表单* 6.submit:提交表单** 2.提交表单；* 1.

2017-08-06 14:05:37 712

原创 js中的事件委托和事件模拟

* 1.事件委托:* 利用事件的冒泡在最高层的祖先元素上处理所有事件* (有利于事件的管理)* (在document上添加事件处理是最好的,因为在这上面面添加只要元素加载出来就能触发事件* 不需要等到load或者DOMContentLoaded事件结束)* document.onclick=function (ev) { ev = ev ? ev : window.event;

2017-07-29 14:40:07 469

原创 js中的移动设备的事件处理

* 1.orientationchange:当与移动设备的方向发生改变的时候触发* window.oritation中包含3种值:0--垂直放置,90--向左转90度,-90--向右转90度* (手机方向锁定是不会触发的)** 2.deviceorientation:表示手机的旋转方向,event有三个属性值* gamma:围绕y轴转动* beta:围绕x轴转动* alpha:

2017-07-28 19:55:26 421

原创 js中的通用事件

* 通用事件: * 1.在移动设备中不能使用dbclick双击在移动设备中会被认为是放大 * 2.scroll和mousewheel都是可以使用的,在移动端 * 3.textInput事件会在文本即将输入之前触发,这个事件仅仅针对可编辑区域,如input,textarea等,同时这个事件对象支持一个data属性 * 这个属性存储着按下的键字符,这是移动端能够获取按下字符的唯

2017-07-28 19:54:13 276

原创 js中的事件01(鼠标事件)

/* 1.load事件:在window或者图片或者嵌入的内容加载完毕的时候触发 window.onload=function(argument){} (以上几种情况下传入的event对象并没有什么有用的信息,甚至是undefined) (对于img标签只要指定了src属性就会加载图片,而对于script则要等到元素被插入到文档中才会起效果) (link

2017-07-27 21:16:42 279

原创 js中的事件对象和添加事件

1.事件冒泡,子元素上触发的事件如果父元素上也有同样的事件，那么父元素上的事件也会触发，通过事件冒泡可以实现事件委托,就是把事件都绑定在父元素上, 通过判断事件目标来确定事件处理函数.oBox1.onclick=function(ev){//这里只是适用于非ie 浏览器,ie浏览器的event对象和别的浏览器不一样 switch(ev.target.id){ case "b

2017-07-24 20:37:46 1508

原创 js获取元素大小以及位置

1.elem.offsetTop:获取元素的上偏移2.elem.offsetLeft:获取元素的左偏移(在chrome和ie8+偏移值都是相对body做的偏移)(ie7-是相对父元素偏移)3.elem.offsetWidth:获取元素边框及边框以内的宽度4.elem.offsetHeight:获取元素边框及边框以内的高度(由于渲染方式不同在ie和chrome中获取的大小是不一样的)5

2017-07-23 19:03:24 510

原创 js中的css操作

* 1.elem.style.attr:最常用的方法** 2.elem.style.cssText="样式":当要使用很多样式的时候就是用这个方法** 3.elem.style.length:返回使用了多少样式(不太靠谱)** 4.elem.style.item(index):返回第index个css属性(一定要是通过js添加的,而且* 合并的属性会被拆分如；border:1px s

2017-07-22 19:21:19 299

原创 js中对于DOM1的扩展

DOM1的扩展 * 第一个扩展是选择符API的扩展 * 1.elem.querySelector(选择器):参数是css选择器，选取匹配的第一个 * 2.elem.querySelectorAll(选择器):选取所有匹配的 * (ie7-不能使用)---------------------------------------------

2017-07-21 17:19:31 333

原创 js中的表格table操作

* table元素的操作* (注:在thead和tfoot中的除了tr,td外的所有内容都会被提到table前面)** 1.table.caption:返回table中caption，返回DOM对象** 2.table.tBodies:返回tbody的HTMLCollection** 3.table.tFoot:返回table中tfoot，返回DOM对象** 4.table.tH

2017-07-19 18:51:19 843

原创 js节点的创建

1.创建元素；* 1.document.createElement(标签名):html是不区分标签名的大小写的，但是xml会* 所以统一使用小写就行(这个方法会返回一个DOM对象)，要将他插入到文档中可以使用* Node操作方法appendChild()。。。* (2.document.createElement(html字符串),如 “”,这种方法可以避免ie7-*

2017-07-19 18:02:15 406

原创 js元素属性操作

操作元素属性* 获取元素:* 法一:getAttribute();* 法二:elem.属性，如:elem.style* (使用getAttribute()取得的值一般为字符串，即使是style和事件处理函数也是返* 回字符串，好处是即使是自定义属性也能够获取到，但是像style这种一般需要的是* 返回对象，所以一般只要不涉及自定义属性都是使用

2017-07-19 17:59:22 477

原创 document属性和操作

document属性 1.document.documentElement指向的是html，不是body* document.domain:返回域名* document.url:返回地址url* document.referrer:返回链接到此页面的url* (注:除了domain别的只是可读，不可写,而domain也只能设置为子域名如:www.baidu.com就只能设置

2017-07-18 19:36:53 634

原创 js中的Node属性和方法

js中所有节点都实现了Node接口1.node.nodeType:这个方法能够获取节点类型常见的有下面几种:node.nodeType==1:元素节点,如body，ul...node.nodeType==2:属性节点,如name,type...node.nodeType==3:文本节点,就是一段文本(空格也算文本)node.nodeType==9:document类型,就是

2017-07-18 18:34:13 2542

原创 js中的作用域及私有变量

js中实现作用域的方法很简单，就是一个自调用函数(function(){//这就是一个作用域了for(var i = 0 ; i console.log(i);}})()//这个i就只能在里面访问，要是不加这个作用域i就是全局的了下面就要使用作用域和闭包来实现私有变量了1.function Person(value){var age=value;

2017-07-17 17:07:30 415

原创 js的继承方案

js中的继承:js中继承的方式有很多种,但是我只想将两种比较不错的方案1.原型组合式继承//父类function Person(name,age){this.name=name;this.age=age;}Person.prototype.showName=function(){alert(this.name);}//子类

2017-07-16 21:13:31 240

原创 js中遍历元素的方法

在js中遍历元素有许多方法，下面介绍几种比较方便的方法1.使用深度优先或者广度优先遍历(这个方法很麻烦，但是很有效，虽然它的性能不是很高)，具体可以看数据结构2.使用document.getElementByTagName(“*”)方法，以通配符“*”作为参数获取所有元素，下面就简单了，一个for循环遍历就可以找到你要的元素了。3.使用DOM2级自带的方法document.create

2017-01-19 18:43:54 6990

原创 js修饰者模式，可复用

//定义一个装饰者列表function Sale(price,age){ this.price=(price>0)?price:100;//初始化价格 this.age=(age>0)?age:20; this.priceDecorateList=[]; //存储将要进行的修饰方法 this.ageDecorateList=[]; t

2017-01-07 17:23:32 340

ruler1112的博客