HaahLeel-CSDN博客

原创键盘事件

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script > window.onload = function(){ /* * onkeydown : 键盘按键按下时触发的事件

2015-07-19 20:40:41 358

原创事件默认行为

主要说一下环境菜单的默认行为的阻止方法，以及自定义菜单的实现方法，一般要阻止默认行为，只需要在事件函数里面return falsevar oDiv = document.getElementById("div1");document.oncontextmenu = function(ev){ var ev = ev || event; oDiv.style.display = "b

2015-07-19 19:34:16 400

如果通过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 354

原创事件绑定的第二种形式&&call方法

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script > window.onload = function () { //给一个对象的同一个事件绑定多个不同的函数； /*

2015-07-19 16:18:39 476

原创事件冒泡机制

事件冒泡：当一个元素接收到事件的时候，会把他接收到的所有事件传播给他的父级，一直到顶层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 1079 2

原创 event-事件对象

event : 事件对象，当一个事件发生的时候，和当前这个对象发生的则个事件对象有关的一些详细信息都会被临时保存到一个指定的地方event中，供我们在需要的时候调用事件函数：事件调用的函数，一个函数是不是事件函数，不在定义的时候决定的，而是取决于这个函数调用的时候兼容问题： ie/chrome : event是一个内置全局对象 ff ：事件对象是通过事件函数的第一个参数

2015-07-19 10:37:45 329

原创焦点事件

焦点：使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他可以接受用户的输入。不是所有的元素的能够接收焦点，能够响应用户操作的元素才有焦点，比如div、p标签等就不能接受焦点，而a标签则可以。html部分<input type="text" id="text1" value="请输入内容"/>onfocus : 获取焦点时触发的事件一个input文本框，如果你想获取焦点的时候就清空”请输入

2015-07-18 18:13:40 428

原创文档宽高和窗口事件

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 385

原创 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 843

原创表单事件

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 418

原创 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 529

原创 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 617

原创手机提示框

自己写的第一个小插件，虽然效果过怎么样，但还是很有成就感//html部分<!DOCTYPE html><html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px"><head> <title></title> <meta ch

2015-06-30 17:07:38 383

原创 JAVA 学习第二天（基本数据类型）

正数： byte: 1字节 8位范围字节计算 short:2字节很少使用 int： 4字节最常用 long：8字节长整型小数： float：4字节 double：8字节其他： char：2字节无符号 boolean：1字节代表真假 “` clas

2015-06-28 15:56:32 297

原创 JAVA 学习第一天

由于工作需要，要开始学习JAVA了。JAVA对于我来讲可以说是一门陌生的语言，但我相信，只要能坚持下去，只要能坚持下去（重要的话要说两遍），没有学不会的语言。如何不通过临时变量交换两个变量的值class Demo{ public static void main(String[] args){ int a = 10,b = 20; a = a + b;

2015-06-28 00:23:05 301

原创动态操作节点（appendChild()，insertBefore()，removeChild()，replaceChild()）

JS里动态创建元素节点：document.createElement(‘标签名’)；给一个元素追加一个子元素：当前元素.appendChild(子元素);在指定的元素前插入新的元素：父级.insertBefore(‘新元素’,’当前元素’)；删除节点（只能在父级下进行操作）:父级.removeChild(‘要删除的节点’);替换节点：父级.replaceChild(替换的元素,被替换的元素)

2015-06-25 23:03:54 1674

原创操作元素属性的几种方式

<!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 686

原创元素距离页面的绝对距离

如果要取到一个元素距离页面的绝对距离，而且父级在有定位的情况下，就要用到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 428

原创元素的宽

2015-06-23 09:49:20 362

原创元素位置（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 438

原创 offsetParent

元素.offsetParent : 只读属性离当前元素最近的一个有定位属性的父节点如果没有定位父级，默认是body ie7以下，如果当前元素没有定位默认是body，如果有定位则是html ie7以下，如果当前元素的某个父级触发了layout，那么offsetParent就会被指向到这个触发了layout特性的父

2015-06-23 09:26:26 400

原创 IE6下使PNG图片透明

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’icon_home.png’); /* IE6 */

2015-05-21 20:10:58 365

原创 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 447

原创 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 418

原创 return 返回值

return 后面跟数据类型：数字，字符串，布尔，函数，对象（元素{}[]\null）,未定义function fn1(){ return 'miaov'}fn1()==>miaovfunction fn2(){ return function(){ alert(1) }}fn2()();return:返回值函数名+括号：fn1()==>retur

2015-03-19 22:06:22 810

转载关于angular的一些小笔记

MVC(Model/View/Controller)模式是国外用得比较多的一种设计模式，好象最早是在Smaltalk中出现。MVC包括三类对象。Model是应用对象，View是它在屏幕上的表示，Controller定义用户界面对用户输入的响应方式。模型-视图-控制器（MVC）是80年代Smalltalk-80出现的一种软件设计模式，现在已经被广泛的使用。 1、模型（Model）模型是应用

2015-03-19 21:14:09 373

HaahLeel的专栏