随笔分类 -  Javascript

上一页 1 2 3 下一页
javascript基础——自动生成100个li
摘要：第一个实例： 自动生成100个Li 中间JS代码分析如下：oBtn.onclick = function(){ for(var i = 0; i '+j+' ' ... 阅读全文
posted @ 2015-04-14 17:25 波克比520 阅读(1311) 评论(0) 推荐(0)
javascript基础——图片切换以及模拟短信发送
摘要：DEMO1：两张图片来回切换 JS点击两张图片来回切换 DEMO2：点击图片，循环切换（多张） 点击图片循环切换——多张 DEMO3：点击按钮图片切换综合实例 Document ... 阅读全文
posted @ 2015-04-11 14:34 波克比520 阅读(316) 评论(0) 推荐(0)
javascript基础——属性操作
摘要：HTML 的属性操作：读、写 JS属性操作 读操作：获取、找到 元素.属性名 写操作：“添加”、替换、修改 元素.属性名 = 新的值innerHTML操作： innerHTML 这是一段文字oP.in... 阅读全文
posted @ 2015-04-11 10:19 波克比520 阅读(171) 评论(0) 推荐(0)
javascript——日期时间实例
摘要：案例一：输出当前系统时间： 获取当前系统时间 注意点： 1）getMonth()返回值是 0——11在获取月份的时候就得在后面加1，不然获取到的是上一个月的月份。 2）getDay()返回星期几（0——6） 0 ——> 星期日 1 ——> 想起... 阅读全文
posted @ 2015-04-10 14:34 波克比520 阅读(562) 评论(0) 推荐(0)
javascript——拖拽函数封装
摘要：CSS部分：#div1{ width: 100px; height: 100px; background: #ccc; position: absolute;}#img1{ position: absolute;}HTML部分：JS部分：window.onload = function(){ ... 阅读全文
posted @ 2015-03-30 17:27 波克比520 阅读(166) 评论(0) 推荐(0)
javascript——拖拽原理小实例
摘要：CSS代码：#div1{ width: 100px; height: 100px; background: green; position: absolute;}HTML代码：JS代码：/* onmousedown : 选择元素 onmousemove : 移动元素 ... 阅读全文
posted @ 2015-03-23 16:59 波克比520 阅读(157) 评论(0) 推荐(0)
javascript——自定义右键菜单
摘要：CSS部分：#div1{ width: 100px; height: 200px; border: 1px solid #333; position: absolute; display: none;}HTML部分：JS部分：window.onload = function(){ va... 阅读全文
posted @ 2015-03-23 14:38 波克比520 阅读(135) 评论(0) 推荐(0)
javascript——事件默认行为
摘要：事件默认行为：当一个事件发生的时候浏览器自己会默认做的事情怎么阻止？当前这个行为是什么事件触发的，然后在这个事件的处理函数中使用return false;html代码：进入百度JS代码：window.onload = function(){ var oA = document.getE... 阅读全文
posted @ 2015-03-23 10:55 波克比520 阅读(171) 评论(0) 推荐(0)
javascript——光标键控制div移动,
摘要：CSS代码：#div1{ width: 100px; height: 100px; background: #ccc; position: absolute;}HTML代码：JS代码：window.onload = function(){ var oDiv = document.get... 阅读全文
posted @ 2015-03-21 11:27 波克比520 阅读(267) 评论(0) 推荐(0)
javascript——ctrl加回车留言
摘要：HTML部分： JS部分：window.onload = function(){ //获取相关元素 var oText = document.getElementById('text1'); var oUl = docu... 阅读全文
posted @ 2015-03-21 10:08 波克比520 阅读(245) 评论(0) 推荐(0)
javascript——事件取消
摘要：事件取消的第一种方法：document.onclick = null;事件取消的第二种方法：IE: obj.detachEvent(事件名称，事件函数);标准 : obj.removeEventListener(事件名称，事件函数，是否捕获);JS代码：window.onload = functio... 阅读全文
posted @ 2015-03-20 14:07 波克比520 阅读(341) 评论(0) 推荐(0)
javascript——事件捕获冒泡
摘要：事件冒泡：obj.addEventListener(eventType ,fn ,false);false => 冒泡（出来）事件捕获：obj.addEventListener(eventType ,fn ,true);true => 捕获（进去）HTML部分：div1 div2 ... 阅读全文
posted @ 2015-03-20 11:08 波克比520 阅读(138) 评论(0) 推荐(0)
javascript——事件绑定第二种形式
摘要：事件绑定第一种形式：obj.onclick = fn1;给文档添加多个点击事件，后面会覆盖前面的事件，所以只有最后一个事件执行了。window.onload = function(){ function fn1(){alert('1');} function fn2(){aler... 阅读全文
posted @ 2015-03-19 16:32 波克比520 阅读(149) 评论(0) 推荐(0)
javascript——event事件
摘要：event : 事件对象 , 当一个事件发生的时候，和当前这个对象发生的这个事件有关的一些详细的信息都会被临时保存到一个指定地方-event对象，供我们在需要的调用。飞机-黑匣子事件对象必须在一个事件调用的函数里面使用才有内容事件函数：事件调用的函数，一个函数是不是事件函数，不在定义的决定，而是取决... 阅读全文
posted @ 2015-03-17 11:37 波克比520 阅读(255) 评论(0) 推荐(0)
javascript——BOM焦点事件
摘要：obj.focus() 给指定的元素设置焦点 obj.blur() 取消指定元素的焦点 obj.select() 选择指定元素里面的文本内容HTML部分： JS代码： 阅读全文
posted @ 2015-03-13 14:53 波克比520 阅读(212) 评论(0) 推荐(0)
JS弹窗——点击/滚动/缩放居中
摘要：CSS代码：#mask {background: black; opacity: 0.3; filter: alpha(opacity=30); position: absolute; left: 0; top: 0; display: none;}#box { width: 300px; heig... 阅读全文
posted @ 2015-03-13 10:37 波克比520 阅读(466) 评论(0) 推荐(0)
javascript——BOM窗口的大小
摘要：可视区的宽、高：clientWidth 、clientHeight滚动距离：scrollTop内容的实际高度：scrollHeightHTML代码： JS代码： // 可视区的宽、高 // alert(document.documentElement.cli... 阅读全文
posted @ 2015-03-07 18:00 波克比520 阅读(351) 评论(0) 推荐(0)
javascript——BOM的属性
摘要：//window.navigator.userAgent : 浏览器信息判断IE浏览器：if ( window.navigator.userAgent.indexOf('MSIE') != -1 ) {alert('我是ie');} else {alert('我不是ie');}//window.lo... 阅读全文
posted @ 2015-03-07 16:15 波克比520 阅读(134) 评论(0) 推荐(0)
javascript——BOM的open()和close()
摘要：BOM : Browser Object Model 浏览器对象模型open(地址默认是空白页面，打开方式默认新窗口) 打开一个新窗口close()方法：关闭一个窗口。HTML部分：JS部分：window.onload = function() { var aInput = document.... 阅读全文
posted @ 2015-03-07 15:50 波克比520 阅读(1179) 评论(0) 推荐(0)
javascript——DOM之replaceChild
摘要：父级.replaceChild(新节点，被替换节点) 替换子节点HTML部分： div1 pppppjs部分：window.onload = function() { var oDiv = document.getElementById('div1'); ... 阅读全文
posted @ 2015-03-04 17:45 波克比520 阅读(223) 评论(0) 推荐(0)

上一页 1 2 3 下一页