随笔分类 - JavaScript
摘要：代码约定易于维护, 形成了一套 JavaScript 代码书写的约定：跟别的语言差不多, 不过 javascript 中的大括号一定要放在 行尾, 例如:function abc() { // 函数体}另外, 由于 javascript 变量是松散类型的, 很容易忘记变量所应包含的数据类型. 所以, 有以下3种方式可以缓解该问题.1. 初始化：例如: ( 即 利用初值来提醒自己, 该变量的类型 )var found = false;var count = –1;2. 使用类型注释// 用于指定类型的类型注释var found /* Boolean */ = false;var count /*
阅读全文
摘要：基础javascript 最好与html分离 浏览器里具有一种特殊软件-javascript解释器onload 事件onclickjavascript 是通过事件被调用的.事件后可以接多个函数名, 例如:// 消息 prompt 提示 alert confirm设置元素属性document.getElementById("rockImg").src = "rock_happy.png"3种基本数据类型 number, boolean, textconst pi = 3.14; // 定义常量 var aa = 3.14; // 定义变量变量定义时, 最好
阅读全文
摘要：1. try – catch 语句try-catchtry { // 可能会导致错误的代码} catch( error ) { // 在错误发生时怎么处理}finally 语句总会执行，无论是否出错。finallyfunction testFinally() { try { return 2; } catch (error) { return 1; } finally { return 0; }}使用 try-catch 最适合处理那些我们无法控制的错误，在明明白白的知道自己的代码会发生的错误时，就不要再使用 try-catch语句了。try { window.s...
阅读全文
摘要：通常而言，JavaScript由ECMAScript核心、BOM和DOM三部分构成，前面的文章将ECMAScript核心部分粗略的过了一篇，接下来应该是BOM和HTML5了，但是鉴于ECMAScript5相对于ECMAScript3的新变化比较多，而且这些变化也非常的有意思，因此在这篇文章中再将我认为的有意思的变化（并非全部变化）集中整理一下，但这里只是列举，不具体展开。一、语法变化1、关键字和保留字在ES3中，使用关键字做标识符会导致“Identifier Expected ”错误，而使用保留字做标识符可能会也可能不会导致相同的错误，具体取决于特定的引擎。在ES5中，关键字和保留字虽然不能作
阅读全文
摘要：在HTML中，表单是由元素来表示的。取得表单的方法var form = document.getElementById(“id1”);var firstForm = document.forms[0]; // 取得页面中的第一个表单var myForm = document.forms[“form2”]; //取得名为”Form2的表单”提交表单的方法 // 通用提交按钮Submit Form // 自定义提交按钮 // 图像按钮在 JavaScript中，以变成方式调用 submit() 方法也可以提交表单，而且，这种方式无需表单包含提交按钮，任何时候都可以正常提交表单。var fo...
阅读全文
摘要：JavaScript与HTML之间的交互是通过事件实现的。可以使用监听器( 或处理程序 ) 来预订事件，以便事件放生时执行相应的代码。观察员模型.事件流事件冒泡 : 有内向外的顺序扩散( 沿着DOM树依次向上 )事件捕获 ( 很少有人使用 )沿着DOM树依次向下1）document2）html3）body4）div在事件捕获过程中，ducument对象首先接收到click事件，然后事件沿着DOM树依次向下，一直传播到事件的实际目标，即 div 元素由于老版本的浏览器不支持, 因此很少有人使用事件捕获, 我们也建议读者放心的使用事件冒泡.“DOM2级事件” 规定的事件流包括三个阶段， 事件捕获阶
阅读全文
摘要：DOM描绘了一个层次化得节点树，允许开发人员添加，移除和修改页面的某一部分。(IE除外)Node类型Node.ELEMENT_NODE( 1 ) // 元素节点, 常用Node.ATTRIBUTE_NODE( 2 ) // 属性节点Node.TEXT_NODE(3) // 文本节点, 常用Node.CDATA_SECTION_NODE( 4 ) // 只针对 xml 文档, 表示 CDATA 区域, 与 comment 类似Node.ENTITY_REFERENCE_NODE( 5 )Node.ENTITY_NODE( 6 )Node.PROCESSING_INSTRUCTION_...
阅读全文
摘要：不到万不得已，不要使用浏览器检测，尽量使用通用的方案。向后可能由于支持HTML5标准，所以不需要浏览器检测。能力检测例如 IE 5.0 以前版本不支持 getElementsById()方法，那么就可以检测，浏览器是否有支持这个方法的能力 1: function getElement(id){ 2: if(document.getElementById){ 3: return document.getElementByid(id); 4: }else if(document.all){ 5: return docum...
阅读全文
摘要：1: function functionName(arg0,arg1){ 2: 3: 4: 5: } 6: 7: var functionName = function( arg0 , arg1 ){ 8: 9: 10: ...
阅读全文
摘要：1 //*******************111111构造函数+原型模型( JQuery使)******************* 2 function Person(name, age, job){ 3 this.name = name; // 此时的this,是指创建对象时的该对象 4 th
阅读全文
摘要：引用类型常被称为 “类”，但是这在JavaScript中不太合适。它是属性和方法的集合。引用类型的值"对象"是引用类型的实例。特殊的标识符和运算符符号类型执行操作()函数函数调用new构造函数调用创建新对象new 运算符用来创建一个新对象，并调用构造函数初始化它，new 是一个一元运算符，出现在构造函数的调用之前。在JavaScript 中运算符 () 用于调用函数，这是一个特殊的运算符，因为它没有固定数目的运算数var a1 = asdf(new); // 表示调用 asdf函数，并将返回结果 赋给 a1var a2 = function(new){ return new
阅读全文
摘要：基本类型 : 保存在 栈内存 的简单数据段，这种值完全保存在内存中的一个位置。Undefined, Null, Boolean, Number, String引用类型 : 保存在 堆内存 的对象，变量中保存的实际上只是一个指针，这个指针指向内存中的对象。Object基本类型与引用类型的差别 :Object类型可以添加属性和方法，基本类型不可以。复制变量，基本类型会在栈中创建空间以保存新的变量，例如 var num1 = 5; var num2 = num1; 此时，num2在内存中是独立存在的。num1和num2是相互独立的，引用类型同样也会在栈内分配内存，存放指针，指向堆内存，但是，这里要注
阅读全文
摘要：1. JavaScript 包含 ( ECMAScript , DOM , BOM ) 3 个部分ECMAScript: ECMAScript 是语言基础, 它与WEB没有依赖关系, 换句话它可以运行在别的环境, 并分WEB宿主环境, 同时WEB宿主环境会给JavaScript提供一些额外的东西. 文档对象模型(DOM) : 是一个API接口, DOM把整个页面映射为一个多层节点结构,页面的每个组成部分都是某种类型的节点, 这些节点又包含着不同类型的数据, 通过DOM创建的这个表示文档的树型图,开发人员获得了控制页面结构和内容的主动权。借助DOM提供的API，开发人员可以轻松的删除，添加，替换
阅读全文
摘要：严格模式ECMAScript 5 引入了严格模式, 要在整个脚本中启用严格模式, 可在顶部添加如下代码:"use strict";在函数内部执行这条语句, 则表示这个函数要在严格模式下运行:function doSomething() { "use strict"; // 函数体}支持严格模式的浏览器版本 IE10+, Firefox 4+, Safari 5.1+, Opera 12+, Chrome最好在每条语句后边都加 ；号变量在定义时, 最好直接给与初始化.function test() { var message = "hi"
阅读全文