miaov 笔记
关注
分享
扫一扫
HaahLeel
吃饭、睡觉、写代码
展开
-
arguments实参集合与局部变量，参数关系
fn1(1,2,3)//实参--实际传递的参数//function(a,b,b){ //形参--形式上，abc代表123}function(){ //alert(arguments)==>[1,2,3] alert(arguments.length); alert(arguments[0])}当函数参数个数无法确定用argumentsvar a=1;functi原创 2015-03-19 23:03:56 · 440 阅读 · 0 评论 -
表单事件
JS form表单有两个事件： 1.表单提交事件 onsubmit 2.表单重置事件 onresethtml部分代码<form action="http://www.baidu.com" id="form1"> <input type="text" name="text1"/> <input type="text" name="text2"/> <inpu原创 2015-07-17 22:25:38 · 443 阅读 · 0 评论 -
焦点事件
焦点：使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他可以接受用户的输入。不是所有的元素的能够接收焦点，能够响应用户操作的元素才有焦点，比如div、p标签等就不能接受焦点，而a标签则可以。html部分<input type="text" id="text1" value="请输入内容"/>onfocus : 获取焦点时触发的事件一个input文本框，如果你想获取焦点的时候就清空”请输入原创 2015-07-18 18:13:40 · 472 阅读 · 0 评论 -
BOM的一些常用方法和属性
BOM是Browser Object Model的缩写，简称浏览器对象模型html部分代码<body> <input type="button" value="打开一个新窗口"/> <input type="button" value="关闭窗口"/> <input type="button" value="浏览器信息"/> <input type="button"原创 2015-07-17 23:46:33 · 899 阅读 · 0 评论 -
文档宽高和窗口事件
1.clientHeight[width] : 可视区宽高alert(document.documentElement.clientHeight)2 scrollTop[left] ： 滚动条滚动的距离，存在兼容性问题，在ff，ie下认为滚动条是在documentElement元素上，而chrome则认为存在body上//解决兼容性问题var scroll = document.documentE原创 2015-07-18 17:05:54 · 410 阅读 · 0 评论 -
事件冒泡机制
事件冒泡 ： 当一个元素接收到事件的时候，会把他接收到的所有事件传播给他的父级，一直到顶层window比如说我们有三个div，html代码如下：<div id="div1"> <div id="div2"> <div id="div3"></div> </div></div>我们分别给div1，div2，div3加上点击事件，并让他加上一个事件处理函数，让他弹出自己的i原创 2015-07-19 14:19:39 · 1172 阅读 · 2 评论 -
事件绑定的第二种形式&&call方法
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script > window.onload = function () { //给一个对象的同一个事件绑定多个不同的函数； /*原创 2015-07-19 16:18:39 · 511 阅读 · 0 评论 -
键盘事件
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script > window.onload = function(){ /* * onkeydown : 键盘按键按下时触发的事件原创 2015-07-19 20:40:41 · 397 阅读 · 0 评论 -
事件默认行为
主要说一下环境菜单的默认行为的阻止方法，以及自定义菜单的实现方法，一般要阻止默认行为，只需要在事件函数里面return falsevar oDiv = document.getElementById("div1");document.oncontextmenu = function(ev){ var ev = ev || event; oDiv.style.display = "b原创 2015-07-19 19:34:16 · 425 阅读 · 0 评论 -
js实现addClass,removeClass
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ var oDiv = document.getElementById("box");原创 2015-07-16 23:01:17 · 679 阅读 · 0 评论 -
js 关于table的操作
html部分代码<table id="tab" width="100%" border="1px"> <tr> <td>1</td> <td>张三</td> <td>男</td> <td><a href="javscript:;">删除</a></td> </tr>原创 2015-07-17 10:01:25 · 591 阅读 · 0 评论 -
动态操作节点（appendChild()，insertBefore()，removeChild()，replaceChild()）
JS里动态创建元素节点：document.createElement(‘标签名’)；给一个元素追加一个子元素：当前元素.appendChild(子元素);在指定的元素前插入新的元素：父级.insertBefore(‘新元素’,’当前元素’)；删除节点（只能在父级下进行操作）:父级.removeChild(‘要删除的节点’);替换节点：父级.replaceChild(替换的元素,被替换的元素)原创 2015-06-25 23:03:54 · 1713 阅读 · 0 评论 -
offsetParent
元素.offsetParent : 只读 属性 离当前元素最近的一个有定位属性的父节点 如果没有定位父级，默认是body ie7以下，如果当前元素没有定位默认是body，如果有定位则是html ie7以下，如果当前元素的某个父级触发了layout，那么offsetParent就会被指向到这个触发了layout特性的父原创 2015-06-23 09:26:26 · 443 阅读 · 0 评论 -
元素的宽
<style> #box{ width:50px; height:50px; padding:20px; margin:20px; border:1px solid red; }</style><div id="box"></div><script> var oDiv=document.get原创 2015-06-23 09:49:20 · 384 阅读 · 0 评论 -
操作元素属性的几种方式
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><script> window.onload=function(){ var oInp=document.getElementById("inp");// alert(oI原创 2015-06-24 23:55:11 · 735 阅读 · 0 评论 -
元素距离页面的绝对距离
如果要取到一个元素距离页面的绝对距离，而且父级在有定位的情况下，就要用到offsetLeft[top]<style> div{padding: 40px;position: relative} #div1{background: red;} #div2{background: green} #div3{background: yellow}</style><div id=原创 2015-06-24 22:57:23 · 450 阅读 · 0 评论 -
IE6下使PNG图片透明
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’icon_home.png’); /* IE6 */原创 2015-05-21 20:10:58 · 389 阅读 · 0 评论 -
元素位置（offsetLeft[top]）
距离最近的定位父级的距离<style> div{padding:50px;} #box1{background: red} #box2{background: green;position: relative} #box3{background: pink}/style><div id="box1"> <div id="bo原创 2015-06-23 09:39:37 · 466 阅读 · 0 评论 -
currentStyle和getComputedStyle的应用
var oDiv=document.getElementBy(“div”); var w=getComputedStyle(oDiv.width); //IE6 7 8 不兼容 //获取的是计算机（浏览器）计算后的样式 //background:url() red…复合样式（不要获取） //backgroundColor 单一样式（不要用作判断）//不要有空格//不要获取未设置后的样式原创 2015-04-02 20:29:53 · 481 阅读 · 0 评论 -
return 返回值
return 后面跟数据类型：数字，字符串，布尔，函数，对象（元素{}[]\null）,未定义function fn1(){ return 'miaov'}fn1()==>miaovfunction fn2(){ return function(){ alert(1) }}fn2()();return:返回值函数名+括号：fn1()==>retur原创 2015-03-19 22:06:22 · 844 阅读 · 0 评论 -
事件的取消
如果通过obj.onclick = functio(){} 的形式绑定的事件，可以通过obj.onclick = null 取消function fn1(){alert(1)}document.onclick = fn1;document.onclick = null通过attachEvent()形式绑定的事件通过detachEvent()取消document.attachEvent("oncli原创 2015-07-19 17:10:33 · 393 阅读 · 0 评论