随笔分类 - JavaScript
摘要：函数 函数或者称之为方法，由执行一个特定任务的相关代码构成，函数可以包含零个或多个参数，并且可以返回一个任意的值。// 函数声明function foo() {}// 命名函数表达式var foo = function() {};函数调用没有返回值的函数调用var greet = function( person, greeting ) {var text = greeting + ", " + person;console.log( text );};greet( "Rebecca", "Hello" ); // "Hel
阅读全文
摘要：窗口事件 当窗口发生了某些事情时，这类事件将发生。用户事件 当用户使用鼠标或键盘与网页中的元素交互时，这类事件将发生。事件速查表onabort：图像加载被中断onblur：元素失去焦点onchange：用户改变域的内容onclick：鼠标点击某个对象ondblclick：鼠标双击某个对象onerror：当加载文档或图像时发生某个错误onfocus：元素获得焦点onkeydown：某个键盘的键被按下onkeypress：某个键盘的键被按下或按住onkeyup：某个键盘的键被松开onload：某个页面或图像被完成加载onmousedown：某个鼠标按键被按下onmousemove：鼠标被移动o..
阅读全文
摘要：number 数字 number类型是任意的正或负的数值，包括了整数和浮点数。var num1 = 100;var num2 = 100.10;var num3 = 0.10;string 字符串 字符串是被包裹在单引号或双引号内的，如果字符串的内容需要包含引号，就需要使用“\”符号进行转义。var statement1 = 'He said "JavaScript is awesome!"';var statement2 = "He said \"JavaScript is awesome!\"";boolean 逻
阅读全文
摘要：Array 数组是包含子项并由索引迭代子项的一种对象，索引从零开始。// 使用构造函数创建数组var foo = new Array;// 使用数组语法创建数组var bar = []; 需要注意的是，如果传入的是数字类型的值时，以上2种创建数组的方式是有所不同的。// 数组语法情况下var foo = [ 100 ];alert( foo[ 0 ] ); // 100alert( foo.length ); // 1// 构造函数情况下var bar = new Array( 100 );alert( bar[ 0 ] ); // undefinedalert( bar.length )..
阅读全文
摘要：if语句 有些代码块只能在一定条件下运行，通过if、if else、else代码块，可以让你的代码按条件执行。// 控制流var foo = true;var bar = false;if ( bar ) {// 这里的代码将无法运行。console.log( "hello!" );}if ( bar ) {// 这里的代码将无法运行。} else {if ( foo ) {// 这里的代码是可以运行的。} else {// 当foo和bar都为false的时候这里的代码才能运行}} 虽然没有严格要求单行的条件语句代码块使用{}包裹，但是为了提高代码的易读性，建议所有的条件
阅读全文
摘要：文档对象模型 通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。 Core DOM定义了一套标准的针对任何结构化文档的对象。XML DOM定义了一套标准的针对 XML 文档的对象。HTML DOM定义了一套标准的针对 HTML 文档的对象。document 文档对象 DOM使用一系列对象表示加载到浏览器中的网页，主要对象是docu...
阅读全文
摘要：作用域决定了一个变量在一段代码中是否有效，作用域分为两种类型，分别是全局范围和局部范围。全局范围 全局范围很容易确定，如果一个变量或函数是全局性的，那么它将在程序内的任意地方都可以被访问。在浏览器中，全局范围指的是窗体对象。如果一个变量声明在函数之外，那么该变量存在在全局对象上。 一旦该变量被定义，它可以引用为window.x，但是因为它存在在全局范围上，我们可以简单的指定为x。var x = 9; function myFunc() {};局部范围 被定义在函数内部的变量是存在在局部范围上的，只能在函数内部调用该变量，如果在函数外部调用该变量则会得到一个错误的引用。functio...
阅读全文
摘要：while while循环由两个代码块组成，分别是条件语句和循环体。while ( [条件] ) {[循环体]} while循环类似于if语句，不同的是while循环将不断地执行循环体直到条件值为false为止。var i = 0;while ( i < 100 ) {// 这里的代码将执行100次console.log( "Currently at " + i );i++; // i自增} 需要注意的是计数器可以在循环体内自增，它同样可以在条件语句中自增。var i = -1;while ( ++i < 100 ) {// 这里的代码将执行100次consol
阅读全文
摘要：运算符 基本的运算符允许我们对值进行操作。// 字符串拼接var foo = "hello";var bar = "world";console.log( foo + " " + bar ); // "hello world"// 乘法和除法2 * 3;2 / 3;// 递增和递减var i = 1;console.log( ++i ); // 2 前置自增console.log( i ); // 2var i = 1;console.log( i++ ); // 1 后置自增console.log( i ); /
阅读全文
摘要：注释 代码注释可以使用//或者/* */// 这是一个单行注释/** 这是* 一个* 多行* 注释*/变量 变量用于存储数据，在同一作用域内变量不得重名，定义语法：var userName;var test = 1;var test2 = function() { ... };var test3 = test2( test );关键字var赋值 userName = "name";生命周期 函数中声明的变量只能在函数中调用，称之为局部变量，只在函数运行期间占用内存资源。而在函数外声明的变量可以被网页中的所有函数访问，整个生命周期从变量声明开始到网页关闭为止。标识符 标识符是
阅读全文
摘要：functionfnCreate(src) { /* 要创建的div的classname */varClassName ="thumbviewbox";if(src =='') {returnfalse; } /* 优先创建图片，如果图片没有加载成功，回调自己 */varimg = document.createElement('img'); img.setAttribute('src', src); //显示图片的大小varimgwd ="300px";varimghg ="300px"
阅读全文
