js
文章平均质量分 77
weihongda666
这个作者很懒,什么都没留下…
展开
-
JavaScript基础
wu原创 2017-12-08 17:03:00 · 116 阅读 · 0 评论 -
js运动中级
· 链式运动框架//取非行间样式封装函数function getStyle(obj,name){ if(obj.currentStyle) { //只兼容IE return obj.currentStyle[name]; } else { //不兼容IE,其他的可以 return getComputedStyle(obj,false)[name]; }}原创 2018-01-09 20:12:57 · 232 阅读 · 0 评论 -
JS事件基础
· 整个页面点击事件 //整个页面的点击事件用document而不是body,因为body里面没有东西就不会撑起来 document.onclick=function () { alert('aaaa'); };· 事件冒泡事件会一层一层往父级父级...的传· 消除冒泡//取消冒泡 oEvent.cancelBubble=true;· 点击坐标原创 2018-01-09 20:36:14 · 191 阅读 · 0 评论 -
js事件中级、高级应用
js事件中级· 自定义右键菜单//浏览器右键菜单功能document.oncontextmenu=function(ev){ var oEvent = ev||event; var oDiv = document.getElementById('div1'); //自定义事件添加 oDiv.style.display='block'; oDiv.style.left=oE原创 2018-01-09 20:50:14 · 366 阅读 · 0 评论 -
Ajax基础、中级
Ajax基础· 调用Ajax读取txt文本的信息window.onload=function (){ var oBtn = document.getElementById('btn1'); oBtn.onclick=function () { ajax('a.txt', function (str){ alert(str); }); };};·原创 2018-01-10 10:15:44 · 136 阅读 · 0 评论 -
JS面向对象基础
· 变量、属性var a=2; //变量:自由的,不属于任何人alert(a);var arr=[1,2,3,4];arr.a=12; //属性:属于一个对象的alert(arr.a);· 函数、方法function aaa() //函数:自由的{ alert('a');}var arr=[1,2,3,4,5];arr.aaa=function ()原创 2018-01-10 10:26:55 · 179 阅读 · 0 评论 -
JS面向对象实例、高级
· 选项卡用面向过程1window.onload=function (){ var oDiv = document.getElementById('div1'); var aDiv = oDiv.getElementsByTagName('div'); var aBtn = oDiv.getElementsByTagName('input'); for (var i=0;i<aB原创 2018-01-10 10:38:22 · 1831 阅读 · 0 评论 -
BOM应用
· open打开窗口· write · write应用(在文本框内输入内容 点击打开新的页面并显示文本框的内容)oBtn.onclick=function () { //创建另一个页面为空,如果后面写_self就是在本页面上替换 var oNew=window.open('about:blank','_blank') oNew.document.write(原创 2018-01-10 10:57:17 · 279 阅读 · 0 评论 -
COOKIE基础与应用
· cookie设置document.cookie='user=frank';document.cookie='pass=123456';alert(document.cookie);· Date对象计算方法var oDate=new Date();//设置日期对象内部时间//oDate.setDate(25);//当前日期加上10天后的日期oDate.setDate(o原创 2018-01-10 11:05:49 · 195 阅读 · 0 评论 -
js运动应用
· 多个div变宽 for(var i=0;i<aDiv.length;i++) { //定义一个div的属性timer定时器,这样每个定时器就是独立的,类似于定义index序号的思想 aDiv[i].timer = null; aDiv[i].onmouseover = function() { startMove(this,500); }; aDiv[i]原创 2018-01-09 19:57:22 · 213 阅读 · 0 评论 -
js运动基础
· 运动基础 //定义一个空的timer下面用来存放定时器 var timer=null; function startMove() { var oDiv = document.getElementById('div1'); //一开始先关掉定时器,保证只有一个定时器在运行,解决重复点击速度加快问题(多个定时器共同运行) clearInterval(timer);原创 2018-01-09 19:45:18 · 252 阅读 · 0 评论 -
初探JavaScript魅力(1)
wu原创 2017-12-05 16:12:00 · 203 阅读 · 0 评论 -
定时器的使用
wu原创 2017-12-15 13:18:22 · 159 阅读 · 0 评论 -
深入JavaScript
wu原创 2017-12-15 12:39:15 · 197 阅读 · 0 评论 -
DOM基础
wu原创 2017-12-15 14:34:22 · 130 阅读 · 0 评论 -
初探JavaScript魅力(2)
wu原创 2017-12-07 17:40:39 · 172 阅读 · 0 评论 -
DOM操作应用
· 创建和插入元素//先创建一个LIvar oLi = document.createElement('li');//把创建的LI插入到UL当中oUl.appendChild(oLi);· 创建并添加内容在里面var oLi = document.createElement('li');var aLi = oUl.getElementsByTagName('li');oLi.in原创 2018-01-09 19:24:04 · 293 阅读 · 0 评论 -
JS中的正则表达式
· 字符串操作var str='asdfghert';//alert(str.search('s')); //查找位置,没有就是-1//alert(str.substring(2,5)); //获取子字符串,不包括结束位置//alert(str.charAt(1)); //返回字符串的某一位var str1='123-asd-gf-ewr-z原创 2018-01-10 11:09:44 · 574 阅读 · 0 评论