随笔分类 -  javaScript

1
事件详解
摘要：一、给一个对象绑定一个事件处理函数的形式 1、给一个对象绑定一个事件处理函数的第一种形式： (1) 将一个函数赋值给一个事件处理程序属性，首先要取得一个要操作的对象的引用（obj）: obj.onclick = fn; (2) 当给一个对象的同一个事件绑定多个函数时：（后者会覆盖前者） functi... 阅读全文
posted @ 2016-01-14 10:03 EffieDuo 阅读(217) 评论(0) 推荐(0)
BOM总结
摘要：一、BOM概念 BOM：Browser Object Model 浏览器对象模型，定义了JS操作浏览器的一些方法和属性二、BOM方法 （在BOM里面大部分的方法都是调用window对象下的方法得到的） 1、open(页面的地址url,打开的方式) 方法 打开一个新的窗口（页面） (1) 如... 阅读全文
posted @ 2016-01-05 16:53 EffieDuo 阅读(166) 评论(0) 推荐(0)
DOM总结
摘要：一、DOM概念 1、DOM：Document Object Model 文档对象模型 (1) 文档：html页面； (2) 文档对象：页面中的元素； (3) 文档对象模型：代表的是一套准则、标准，是WC3组织定义的；为了能够让程序（js）去操作页面中的元素，定义出来的一套标准 ... 阅读全文
posted @ 2016-01-05 16:35 EffieDuo 阅读(168) 评论(0) 推荐(0)
字符串方法
摘要：var str = '博客园'; （下面实例中都会用到这个变量）字符串方法：1、字符串下标 alert(str.charAt()); 接收一个参数 返回值：以单字符字符串的形式返回给定位置的那个字符 注：charAt()括号里如果什么都不写，默认是第零个 charAt()后面如果是超出了... 阅读全文
posted @ 2015-12-24 10:26 EffieDuo 阅读(276) 评论(0) 推荐(0)
时间对象和倒计时
摘要：一、时间对象 1、在写一些东西的时候，经常需要获取 “当前系统的时间对象” 2、要创建一个时间对象，使用new操作符和Date构造函数new Date(); 3、返回值：返回表示日期的毫秒数 4、在调用Date构造函数而不传递参数的情况下，新创建的对象自动获取当前日期和时间 5、如果想根据... 阅读全文
posted @ 2015-12-21 22:11 EffieDuo 阅读(422) 评论(0) 推荐(0)
JS的组成部分、引入页面的方法以及命名规范
摘要：一、页面是由三部分组成 1）html标签（超文本标记语言） 2）css样式（层叠样式表） 3）javascript脚本编程语言(动态脚本语言)二、将css引入到页面中的几种方法 (4种) 1）行内样式：直接在元素标签上编写样式 2）内嵌样式：在页面的样式表中通过css选择器，找到对应的元素... 阅读全文
posted @ 2015-12-21 11:33 EffieDuo 阅读(702) 评论(0) 推荐(0)
常用的几种输出方式
摘要：常用的几种输出方式：1、alert('内容'); 在浏览器中弹出警告框（它是把要显示的内容先转换为字符串然后子啊输出显示）2、confirm('内容') 在浏览器中弹出框显示，提示确认还是取消。（例如：想要删除一个东西，我们就可以用confirm来提示用户是否要删除）3、docume... 阅读全文
posted @ 2015-12-21 10:56 EffieDuo 阅读(706) 评论(0) 推荐(0)
运算符
摘要：运算符： 算数：+、-、*、/、% %（取模，求余数） 赋值：=、+=、-=、*=、/=、%=； 关系：、=、==、!=、===、!==； 逻辑：&&与、||或、!否； 运算符优先级：() 括号；一、&&与 alert(1280); // true ... 阅读全文
posted @ 2015-12-14 16:53 EffieDuo 阅读(146) 评论(0) 推荐(0)
作用域
摘要：一、执行环境 1、执行环境：定义了变量或函数有权访问的其他数据，决定了他们各自的行为 2、执行环境的类型：全局执行环境—> script 局部执行环境 —> 函数 3、每一个函数都有自己的执行环境，也就是私有作用域 4、每一个执行环境都有一个变量对象，里面保存的是环... 阅读全文
posted @ 2015-12-14 16:36 EffieDuo 阅读(137) 评论(0) 推荐(0)
arguments
摘要：arguments：1、arguments：（类数组）是函数内置接收参数的机制。 内置：天生自带的，不管你是否传递了形参，也不管是否写了形参，arguments一直都存在。　注： arguments 即能读，又能改，是一个实参的集合。 （有数字作为索引，索引从0开始代表第几个传递的参数；还有一个... 阅读全文
posted @ 2015-12-14 16:30 EffieDuo 阅读(183) 评论(0) 推荐(0)
函数返回值 return
摘要：return 返回值 （后面跟的是数据类型） // 数字、字符串、布尔、函数、对象（元素、[]、{}、null）、未定义return：返回值 1）函数名+括号：fn1() ==> return 后面的值； 2）如果没有写return，所有函数默认返回值：未定义； 3）return后面任何代码都不执... 阅读全文
posted @ 2015-12-14 14:02 EffieDuo 阅读(258) 评论(0) 推荐(0)
函数传参
摘要：一、函数传参：也就是函数传递参数。 参数：指的是，JS的数据类型。 数据类型有：Number，string，Boolean，function、object、undefined。———— 这些构成了我们传递的一个参数注： 函数传参， 传什么就会用一个变量接收什么，而且是一个一一对应的关系。// N... 阅读全文
posted @ 2015-12-12 09:54 EffieDuo 阅读(586) 评论(0) 推荐(0)
数据类型，类型转换
摘要：一、数据类型 （一）基本数据类型（也叫值类型）：number（数字）、string（字符串）、boolean（布尔）、null（空）、undefined（未定义） （二）引用数据类型：object（对象数据类型）：{}(对象Object)、[](数组Array)、/^$/(正则RegExp)..... 阅读全文
posted @ 2015-12-09 12:24 EffieDuo 阅读(262) 评论(0) 推荐(0)
自定义属性和索引值
摘要：一、自定义属性： JS可以为任何HTML元素添加任意自定义属性，并且也可以进行读操作与写操作 例如：var onOff = true； // 一个开关只能控制一组元素，控制多组则需要用到自定义属性来让每个元素添加一个开关 for(var i=0;i<aLi.length;i++){ ... 阅读全文
posted @ 2015-12-09 11:21 EffieDuo 阅读(216) 评论(0) 推荐(0)
cssText 和 this
摘要：一、cssText元素.style.width = '200px'; ==> 元素.style.cssText = 'width:200px;height:200px;'二、this1、含义：指的是调用当前方法（函数的那个对象）2、调用 function fn1(){ this }　... 阅读全文
posted @ 2015-12-03 16:17 EffieDuo 阅读(157) 评论(0) 推荐(0)
获取元素的方法
摘要：获取元素的方法：a：通过ID获取元素： #list {} var oUl =document.getElementById('list'); 静态方法 // 通过元素的id来获取当前的这个元素的标签 // 在整个文档中，我们通过元素的ID来获取一个元素对象 ... 阅读全文
posted @ 2015-12-02 09:43 EffieDuo 阅读(210) 评论(0) 推荐(0)
数组的方法
摘要：一、Array 1、创建数组的方式： （1）使用Array构造函数： var arr = new Array(); （2）使用数组字面量表示： var arr = []; 2、检测数组： Array.isArray(value) 方法； 确定某个值到... 阅读全文
posted @ 2015-12-02 09:01 EffieDuo 阅读(202) 评论(0) 推荐(0)
流程控制语句
摘要：一、JS中有三种判断语句：if、?:（三元运算符）、switch case 1、if、else if、else 是最常用的判断，可以解决js中所有的判断需求； 条件可以是由多个小条件组成的，中间用&& ||隔开： &&：所有的子条件都成立成体才成立 （与） ||：只要... 阅读全文
posted @ 2015-11-27 13:24 EffieDuo 阅读(177) 评论(0) 推荐(0)
JS属性操作
摘要：一、属性读操作：元素.属性名 （ 获取、找到属性值 ） 属性写操作：元素.属性名 = 新的值 （ 替换、修改属性值 ）二、没有属性名的，也可进行读、写操作： 读操作：元素.innerHTML ——可以读取元素内所有的html代码 写操作：元素.innerHTML = 新的值... 阅读全文
posted @ 2015-11-26 17:50 EffieDuo 阅读(400) 评论(0) 推荐(0)
JS效果的步骤
摘要：一、写JS效果的步骤1.先实现布局 (XHTML+CSS2)2.实现原理　（1）希望把某个元素移除你的视线： a. display:none; 显示为无，不占据空间 b. visibility:hidden; 隐藏，占据空间 c. width \ height; d. 透明度; ... 阅读全文
posted @ 2015-11-25 13:51 EffieDuo 阅读(418) 评论(0) 推荐(0)

1