JS学习
不会code
不会编程,不会写代码
展开
-
原生JS封装AJAX函数
AJAX(Asynchronous Javascript And XML)异步操作XML(JSON)function output(data){ console.log(JSON.parse(data)); } // 一个简单的回调函数,用来测试是否接受到数据 function ajax(method,url,cal原创 2018-01-11 00:05:16 · 474 阅读 · 0 评论 -
dom - 查询元素节点
var div = document.getElementsByTagName("div")[0];//查询元素节点,方法会存在一些兼容性问题,IE低版本浏览器不支持console.log(div.parentElement);//父元素节点console.log(div.children); //子元素节点console.log(div.childElementCount); //原创 2017-10-19 10:02:53 · 311 阅读 · 0 评论 -
dom - 查询节点
节点和元素节点不一样,节点有很多类型 如文本节点,注释节点,属性节点,元素节点等 查询节点的方法有:var div = document.getElementsByTagName("div")[0];console.log(div.parentNode);//查询父节点console.log(div.childNodes); //子节点 存在多个console.log(div.firstCh原创 2017-10-19 09:52:00 · 197 阅读 · 0 评论 -
dom-节点类型
节点类型 元素节点 —— 1 属性节点 —— 2 文本节点 —— 3 注释节点 —— 4 document —— 8 DocumentFragment —— 11可以使用nodetyp原创 2017-10-19 09:08:47 · 206 阅读 · 0 评论 -
JS异步加载
<script type="text/javascript" src="demo.js" defer = "defer"></script> <!-- IE方法 可以将JS代码写在标签内部,等到DOM树生成完之(页面解析完毕)时,才会执行 --><script type="text/javascript" src="demo.js" async="async"></script> <原创 2017-09-23 13:38:49 · 289 阅读 · 0 评论 -
JS获取dom元素计算样式大小
window.getComputedStyle 获取当前元素的CSS样式显示值,只读,所得的值是绝对值。。ie8及其ie8以下不兼容 elem.currentStyle Ie独有的函数封装一个getStyle函数 处理各浏览器之间的兼容性//封装getStylefunction getStyle(elem,prop){//elem dom元素 prop 元素属性 if(wind原创 2017-09-22 20:51:25 · 843 阅读 · 0 评论 -
JS事件处理函数
(a) ele.onxxx = function(event){} 兼容性好,同一个元素的同一个事件上绑定一次,基本等同于卸载HTML行间 this指向DOM元素 (b) obj.addEventListener(事件类型,处理函数,false) 同一个对象同一个事件绑定多个处理函数 this指向dom元素 IE9原创 2017-09-22 20:47:09 · 2512 阅读 · 1 评论 -
JS对象
创建一个对象两种基本方式 第一种方式,创建一个object实例var newobject = new Object();newobject.name = "w";newobject.age = 22;newobject.job = "engineer";newobject.sayName = function() { alert(this.name);};第二种方式,使用字面量的原创 2017-08-27 20:41:31 · 284 阅读 · 0 评论 -
JS垃圾回收机制
参考书籍《JavaScript高级程序设计》 JS具有自动垃圾收集机制,执行环境会负责管理代码执行过程中使用的内存。 1、标记清除 2、引用计数原创 2017-08-19 22:44:20 · 187 阅读 · 0 评论 -
原生JS 封装call apply 函数
call apply 都能改变this 的指向,之间的区别在于call将函数参数单个传入,通过‘,’分开,apply通过数组的方式传递参数。。。 设置一些参数用来测试var value = 'window'var obj = { value: 'hello' } function show(name, age) { console.log(this.value)...原创 2018-02-11 10:08:06 · 680 阅读 · 0 评论