javascript
关注
分享
扫一扫
qiangD
这个作者很懒，什么都没留下…
展开
-
javascript个人代码备份2015-07-29
function $(id) { return document.getElementById(id);}/** * [clientCheck 客户端检测] * @return {[type]} [description] */function clientCheck() { //rendering engines var engine = { ie原创 2015-07-29 11:57:43 · 492 阅读 · 0 评论 -
全选，反选，取消
return { checkAll: function() { $(':checkbox').prop('checked', true); }, notCheck: function() { $(':checkbox').prop('checked', false); }, reverseCheck: funct原创 2015-07-23 16:10:15 · 492 阅读 · 0 评论 -
javascript运动框架---1
<head> <meta charset="UTF-8"> <title>test</title> <style> * { margin: 0; padding: 0; } div { width: 50px; height: 50px; background: red;原创 2015-08-04 13:29:49 · 501 阅读 · 0 评论 -
javascript运动框架---3--匀速运动
<head> <meta charset="UTF-8"> <title>test</title> <style> * { margin: 0; padding: 0; } div { width: 100px; height: 100px; background: red;原创 2015-08-04 14:55:49 · 476 阅读 · 0 评论 -
javascript运动框架多物体运动---1
<head> <meta charset="UTF-8"> <title>test</title> <style> * { margin: 0; padding: 0; } textarea { position: fixed; right: 0; top: 50px;转载 2015-08-04 15:23:20 · 441 阅读 · 0 评论 -
javascript运动框架---2--缓冲运动
<head> <meta charset="UTF-8"> <title>test</title> <style> * { margin: 0; padding: 0; } div { width: 100px; height: 100px; background: red;原创 2015-08-04 14:45:41 · 524 阅读 · 0 评论 -
js运动框架完美运动框架
<head> <meta charset="UTF-8"> <title>test</title> <style> * { margin: 0; padding: 0; } textarea { position: fixed; right: 0; top: 50px;翻译 2015-08-06 11:38:18 · 552 阅读 · 0 评论 -
js运动框架完美运动框架2--这个才有效
<head> <meta charset="UTF-8"> <title>test</title> <style> * { margin: 0; padding: 0; } textarea { position: fixed; right: 0; top: 50px;原创 2015-08-07 10:44:55 · 521 阅读 · 0 评论 -
javascript 闭包获取当前元素的索引
html部分<button>button1</button><button>button2</button><button>button3</button><button>button4</button>javascript 部分var btns = document.querySelectorAll('button');var len = btns.length;for (i = 0; i原创 2017-02-10 10:13:22 · 1389 阅读 · 0 评论 -
如何批量添加阿里巴巴图标 iconfont
(1) 如何批量添加阿里巴巴图标 iconfont打开控制台 输入如下代码，其实就是触发点击事件，可以一次性选择当前页面所有的图标var span = document.querySelectorAll('.icon-cover');for (var i = 0, len = span.length; i < len; i++) { console.log(span[i].query原创 2017-03-03 10:18:34 · 5018 阅读 · 1 评论 -
javascript运动框架多物体运动---1
<head> <meta charset="UTF-8"> <title>test</title> <style> * { margin: 0; padding: 0; } textarea { position: fixed; right: 0; top: 50px;原创 2015-08-04 15:22:06 · 513 阅读 · 0 评论 -
左边部分添加到右边
<style> * { margin: 0; padding: 0; } div.centent { float: left; text-align: center; margin: 10px; } span { display: block; marg翻译 2015-07-21 15:28:08 · 1099 阅读 · 0 评论 -
第二种 复选框的写法
<form method="post" action=""> 你爱好的运动是？ <input type="checkbox" id="CheckedAll" />全选/全不选 <br/> <input type="checkbox" name="items" value="足球" />足球 <input type="ch原创 2015-07-21 15:08:58 · 1456 阅读 · 0 评论 -
style、currentStyle、getComputedStyle区别介绍
样式表有三种方式内嵌样式（inline Style） ：是写在Tag里面的，内嵌样式只对所有的Tag有效。内部样式（internal Style Sheet）：是写在HTML的里面的，内部样式只对所在的网页有效。外部样式表（External Style Sheet）：如果很多网页需要用到同样的样式(Styles)，将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样转载 2015-07-17 16:45:18 · 475 阅读 · 0 评论 -
javascript高级程序设计---事件笔记
/** * 1.所有浏览器都支持事件冒泡。 * 2.IE5.5和之前的浏览器事件冒泡会跳过html元素，直接从body跳到document * 3.IE9和其他浏览器，一直冒泡到window * 4.老版本浏览器不支持事件捕获， *//** * 1.addEventListener();添加的事件只能用removeEventListener来删除 * 2.这就意味着，ad翻译 2015-07-16 17:22:56 · 531 阅读 · 0 评论 -
argument.callee
/** * 1.arr[arr.length] = ‘a’;长度为arr.length,最后一项是arr[arr.length-1] * 2.arr[arr.length] = ‘b’ * 3.函数声明会提前添加到执行环境，而函数表达式必须等到执行它的时候 * 4.函数内部有两个特殊的对象，arguments包含所有要传入的参数,this * 5.arguments还有一个属性c翻译 2015-07-16 17:43:12 · 792 阅读 · 0 评论 -
javascript高级程序设计---事件封装的测试html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件event</title> <style type="text/css"> .red { width: 200px; height: 200px; background: red;翻译 2015-07-16 17:33:03 · 491 阅读 · 0 评论 -
javascript高级程序设计---事件类eventUntil
var eventUntil = { /** * 兼容IE和其他浏览器的事件添加方法， * @param {[object]} element [元素对象] * @param {[string]} type [事件类型 click等] * @param {[function]} handler [操作函数] */ addHand翻译 2015-07-16 17:26:58 · 1289 阅读 · 0 评论 -
跨浏览器处理xml 兼容IE
/** * 1.跨浏览器处理xml * 2.load方法只有IE，firefox，opera支持，所有无法跨浏览器 * 3.xmldom对象顺序问题，先进行先进的dom2，再去判断其他的IE * 4.不同浏览器不同的序列化操作 * 5.不同报错，进行不同的报错机制 *//** * 1.跨浏览器获取xmldom */function getXMLDOM(xmlStr) { v转载 2015-07-16 14:36:26 · 769 阅读 · 0 评论 -
json---课程笔记
前两章我们探讨了XML的结构化数据，但开发人员还是觉得这种微型的数据结构还是过于烦琐、冗长。为了解决这个问题，JSON的结构化数据出现了。JSON是JavaScript的一个严格的子集，利用JavaScript中的一些模式来表示结构化数据。一．JSON语法JSON和XML类型，都是一种结构化的数据表示方式。所以，JSON并不是JavaScript独有的数据格式，其他很多语言都可以对JSON进行解析翻译 2015-07-17 14:12:08 · 425 阅读 · 0 评论 -
Xpath----课程笔记
function getxmlDOM(str) { var xmlDOM = ''; // W3C中标准DOMParser创建 if (typeof window.DOMParser != 'undefined') { xmlDOM = (new DOMParser()).parseFromString(str, 'text/xml'); //翻译 2015-07-17 13:56:58 · 632 阅读 · 0 评论 -
全选，不选，输出选中的值
<form method="post" action=""> 你爱好的运动是？ <br/> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="篮球" />篮球 <input type原创 2015-07-21 14:51:36 · 511 阅读 · 0 评论 -
Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new nod
insertBefore插入节点出错Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node插入的节点不是插入在，子节点之前！insertBefore() 方法原创 2017-12-16 14:31:46 · 26584 阅读 · 0 评论