我是新手F1的专栏

事件内联模型这种模型是最传统接单的一种处理事件的方法。在内联模型中，事件处理函数是HTML标签的一个属性，用于处理指定事件。虽然内联在早期使用较多，但它是和HTML混写的，并没有与HTML分离//注意单双引号脚本模型var input = document.getElementsByTagName('input')[0];//得到input对象inpu

一． 什么是 JavaScriptJavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言 。 因为他不需要在一个语言环境下运行 ， 而只需要支持它的浏览器即可 。 它的主要目的是 ， 验证发往服务器端的数据 、 增加 We b互动、加强用户体验度等。二.JavaScript 特点松散性javasc

内嵌代码 alert(' 欢迎来到 JavaScript 世界！ ');注意：如果你想弹出一个 标签的字符串，那么浏览器会误解成 JS 代码已经结束了。解决的方法，就是把字符串分成两个部分，通过连接符 ‘ + ’ 来连接。 alert(' 欢迎来到 JavaScript 世界！ '); alert('');以上脚本会报错，不能运行，改成如下即可： alert(' 欢迎

语法构成区分大小写ECMAScript中的一切，包括变量、函数名和操作符都是区分大小写的。例如：text和Text表示两种不同的变量。标识符所谓标识符，就是指变量、函数、属性的名字，或者函数的参数。标识符可以是下列格式规则组合起来的一或多个字符：1.第一字符必须是一个字母、下划线(_)或一个美元符号($)。2.其他字符可以是字母、下划线、美元符号或数字。3.不能把关

数据类型ECMAScript中有5种简单数据类型：Undefined、Null、Boolean、Number和String。还有一种复杂数据类型——Object。ECMAScript不支持任何创建自定义类型的机制，所有值都成为以上6中数据类型之一。typeof操作符typeof操作符是用来检测变量的数据类型。对于值或变量使用typeof操作符会返回如下字符串。

表达式表达式是ECMAScript中的一个“短语”，解释器会通过计算把它转换成一个值。最简单的表达式是字面量或者变量名function(n) {return x+y;} //函数字面量、函数表达式box //变量一元运算符 var box = '89'; box++; console.log(box); //90，数值字符串自动转换成数值 va

语句的定义在ECMAScript中，所有的代码都是由语句来构成的。语句表明执行过程中的流程、限定与约定，形式上可以是单行语句，或者由一对大括号“｛｝”括起来的复合语句，在语法描述中，复合语句整体可以作为一个单行语句处理。switch语句ECMAScript 和 Java 中的 switch 语句有两点不同。在 ECMAScript 中，switch 语句可以用于

函数函数是定义一次但却可以调用或执行任意多次的一段JS代码arguments对象ECMAScript函数不介意传递进来多少参数，也不会因为参数不统一而错误。实际上，函数体内可以通过arguments对象来接收传递进来的参数。 function box() { var sum = 0; if (arguments.length ==

Object类型 var box = new Object(); box.name = "box"; var box1 = new Object; // 可以省略() box1.name = "box1"; var box2 = Object();//可以省略new box2.name = "box2"; var box3= {'name':"box3"};//key可以加

Date类型ECMAScript中的Date类型是在早期Java中java.util.Date类基础上构建的。为此，Date类型使用UTC (Coordinated Universal Time，国际协调时间[又称世界统一时间]) 1970年1月1日午夜(零时)开始经过的毫秒来保存日期。ECMAScript提供了两个方法，Date.parse()和Date.UTC()。

正则表达式正则表达式(regular expression)是一个描述字符模式的对象。ECMAScript的RegExp类表示正则表达式，而String和RegExp都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。修饰符描述i执行对大小写不敏感的匹配。g执行全局匹配（查找所有匹配而非在找到第

Function在ECMAScript中，Function(函数)实际上是对象。每个函数都是Function类型的实例，而且都与其他引用类型一样具有属性和方法。由于函数是对象，因此函数名实际上也是一个指向函数对象的指针。函数的声明 function box(num1, num2) { return num1+ num2; } var box= function

基本类型和引用类型的存储复制变量值基本类型和引用类型的变量复制是不一样的基本类型的变量复制： var box = 'Lee'; //在栈内存生成一个box 'Lee' var box2 = box; //在栈内存再生成一个box2 'Lee'引用类型的变量复制： var box = new Object();

基本包装类型为了便于操作基本类型值，ECMAScript提供了3个特殊的引用类型：Boolean、Number和String。这些类型与其他引用类型相似，但同时也具有与各自的基本类型相应的特殊行为。实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而能够调用一些方法来操作这些数据。 var str = 'my name is lison

内置对象ECMA-262对内置对象的定义是：“由ECMAScript实现提供的、不依赖宿主环境的对象，这些对象在ECMAScript程序执行之前就已经存在了。”意思就是说，开发人员不必显示地实例化内置对象；因为它们已经实例化了。ECMA-262只定义了两个内置对象：Global和Math。GlobalGlobal(全局)对象是ECMAScript中一个特别的

面向对象ECMAScript有两种开发模式：1.函数式(过程化)，2.面向对象(OOP)。面向对象的语言有一个标志，那就是类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。但是，ECMAScript没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。工厂方法解决实例化对象产生大量重复的问题 function createObjec

prototype每一个函数对象都有一个显示的prototype属性,它代表了函数对象的原型(Function.prototype函数对象是个例外，没有prototype属性，)。__proto__每个普通对象都有一个名为__proto__的内部隐藏属性，指向于它所对应的构造函数的原型对象(chrome、firefox中名称为__proto__，并且可以被访问到)。原型链正

匿名函数 //function(){}//会报错 var fun = function(){};//将匿名函数赋值给变量 (function(){})();//匿名函数自执行 function(){ return function(){};//函数里的匿名函数 }闭包闭包是指有权访问另一个函数作用域

BOMBOM也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。BOM缺少规范，每个浏览器提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准。所以，BOM本身是没有标准的或者还没有哪个组织去标准它。window对象BOM的核心对象是window，它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层，对于每个打开的

DOMDOM中的三个字母，D（文档）可以理解为整个Web加载的网页文档；O（对象）可以理解为类似window对象之类的东西，可以调用属性和方法，这里我们说的是document对象；M（模型）可以理解为网页文档的树型结构节点加载HTML页面时，Web浏览器生成一个树型结构，用来表示页面内部结构。DOM将这种树型结构理解为由节点组成。

DOM类型Node类型Node接口是DOM1级就定义了，Node接口定义了12个数值常量以表示每个节点的类型值。除了IE之外，所有浏览器都可以访问这个类型。以下是常用的Node常量。 //IE不支持，我们可以模拟一个类，让IE也支持。 if (typeof Node == 'undefined') { window.Node = {

操作表格标签是HTML中结构最为复杂的一个，我们可以通过DOM来创建生成它，或者HTML DOM来操作。HTML DOM提供了更加方便快捷的方式来操作HTML。 var table = document.createElement('table'); table.border = 1; table.width = 300; var caption = documen

获取元素CSS大小通过style内联获取元素的大小style获取只能获取到行内style属性的CSS样式中的宽和高，如果有获取；如果没有则返回空。 Document var box = document.getElementById('box'); console.log(box.style.width);//200px console.l

动态脚本动态加载js var flag = true;//设置true再加载 if (flag) { loadScript('test.js');//设置加载的js } function loadScript(url) { var script = document.createElement('script'); script.type = 'text/ja