12 2015 档案

JS：事件处理程序
摘要：在JQuery中有个toggle事件，可以绑定两个或多个函数，可以轮流相应click事件，这两天学习到原来javascript中有两个方法（也可以说是四个）同样可以实现这个功能。#box{ margin: 50px; width: 200px; height... 阅读全文
posted @ 2015-12-25 11:08 素雨雫晴 阅读(367) 评论(0) 推荐(0)
JS:event对象下的target属性和取消冒泡事件
摘要：1.target 通过获取DOM元素var box = document.getElementById("box");document.box.onclick = function(){ alert(123);//123}event对象下的target方法 ：获取事件的目标，不用document... 阅读全文
posted @ 2015-12-21 18:35 素雨雫晴 阅读(1083) 评论(0) 推荐(0)
JS：callee属性
摘要：函数内部属性：在函数内部，有两个特殊的对象：arguments和this。 arguments有一个callee属性，该属性是一个指针，指向拥有这个arguments对象的函数。function factorial(num){ if (num<=1) { return 1... 阅读全文
posted @ 2015-12-21 14:14 素雨雫晴 阅读(540) 评论(0) 推荐(0)
JS:call()和apply的区别
摘要：每个函数都包含两个非继承而来的方法：call()和apply();call()方法：参数，第一个是作用域中调用函数（this），其余是参数直接传给函数 扩大作用域，传递参数时，参数必须逐个列出。window.color = "red"; var o = {color:"blue"}; functio... 阅读全文
posted @ 2015-12-21 13:45 素雨雫晴 阅读(641) 评论(0) 推荐(0)
JS:事件对象1
摘要：一，this关键字和上下文var box = document.getElementById("box");。 普通的函数如果没有给他传递参数，函数本身是没有参数的。 test(); //0 function test () { alert(arguments.... 阅读全文
posted @ 2015-12-18 18:11 素雨雫晴 阅读(152) 评论(0) 推荐(0)
DOM元素的大小和位置
摘要：HTML: <div id="parent"> <div id="box"> 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测 试测试测试 </div> </div> CSS: #parent{ position:absolute 阅读全文
posted @ 2015-12-18 15:00 素雨雫晴 阅读(260) 评论(0) 推荐(0)
CSS:在IE浏览器下，元素下沉一行的解决办法
摘要：HTML: 嘻嘻嘻嘻嘻嘻2015-12-17 嘻嘻嘻嘻嘻嘻2015-12-17 嘻嘻嘻嘻嘻嘻2015-12-17 嘻嘻嘻嘻嘻嘻2015-12-17 CSS: li{ list-style-type: none; margi... 阅读全文
posted @ 2015-12-17 18:47 素雨雫晴 阅读(512) 评论(0) 推荐(0)
CSS:文字不在图片中间
摘要：平时用的text-align属性比较多，相比较而言vertical-align则用的比较少。当文字和图片布局在一起时，文字不能对齐到图片的中间，向这样：HTML:哈哈哈哈哈哈哈哈哈CSS: div{ width: 200px; height: 50px; }此时需给img元素设置ve... 阅读全文
posted @ 2015-12-17 18:37 素雨雫晴 阅读(364) 评论(0) 推荐(0)
JS:操作样式表1：行内样式
摘要：//访问元素样式1, stye属性只对行内样式有用 var box = document.getElementById("box"); // alert(box.style.color); // alert(box.style.fontSize); 对复合属性的写法是... 阅读全文
posted @ 2015-12-16 15:38 素雨雫晴 阅读(1303) 评论(0) 推荐(0)
JS:操作样式表3：内联和外链样式
摘要：var box = document.getElementById("box"); box.style.属性;只能读取修改行内样式。 //访问元素样式2，对外链样式表进行操作 document.styleSheets //得到的是样式表集合styleSheetList var sheet... 阅读全文
posted @ 2015-12-16 14:56 素雨雫晴 阅读(833) 评论(0) 推荐(0)
CSS:z-index层级在IE中无效
摘要：引用地址：http://apps.hi.baidu.com/share/detail/19853262在CSS中，只能通过代码改变层级，这个属性就是z-index，要让z-index起作用有个小小前提，就是元素的position属性要是relative，absolute或是fixed。1.第一种情况... 阅读全文
posted @ 2015-12-15 10:41 素雨雫晴 阅读(1786) 评论(0) 推荐(0)
Js：DOM对象操作常用的方法和属性
摘要： 阅读全文
posted @ 2015-12-14 15:46 素雨雫晴 阅读(233) 评论(0) 推荐(0)
JS：操作样式表2 :用JS实现添加和删除一个类名的功能（addClass()和removeClass()）
摘要：var box = document.getElementById("box");box.id = "pox";将id = “box”，改为id = “pox”；但id = “box”依然存在，这样就不符合W3C标准。不建议使用。box.className = "box5"; 将会把原来的class... 阅读全文
posted @ 2015-12-14 15:43 素雨雫晴 阅读(932) 评论(0) 推荐(0)
JS:继承
摘要：继承 原型链实现了继承，但无法传参和共享 function Box(){ //Box()构造函数 this.name = "lee"; } function Desk(){ //Desk()构造函数 this.age = 100; } Desk.prototype = new Box(); //通过 阅读全文
posted @ 2015-12-03 18:14 素雨雫晴 阅读(183) 评论(0) 推荐(0)
JS：原型
摘要：function Box(){}//使用字面量的方式创建原型对象，这里{}就是对象，是Object, new Object相当于{} Box.prototype = { name:"lee", age:25, r... 阅读全文
posted @ 2015-12-03 13:56 素雨雫晴 阅读(183) 评论(0) 推荐(0)