JavaScript杂记

JavaScript可以直接写入 HTML 输出流

JavaScript 能够直接写入 HTML 输出流中：



之间的代码行包含了 JavaScript: 您可以在 HTML 文档中放入不限数量的脚本。 脚本可位于 HTML 的 或 部分中，或者同时存在于两个部分中。 通常的做法是把函数放入 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。 6. 外部的 JavaScript 也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。 外部 JavaScript 文件的文件扩展名是 .js。 如需使用外部文件，请在

这个程序写的不好，因为它没有触法程序，不能体现JS的作用

 使用 document.write() 方法将内容写到 HTML 文档中。

 使用 innerHTML 写入到 HTML 元素。

 使用 console.log() 写入到浏览器的控制台。

console.log() 方法能够让你看到你在页面中的输出内容，让你更容易调试javascript；与alert相比，console不会打断你页面的操作，console里面的内容非常丰富，你可以在控制台输入 console。

您知道吗?

Note 程序中调试是测试，查找及减少bug(错误)的过程。

8. JavaScript 数据类型

JavaScript 有多种数据类型：数字，字符串，数组，对象等等：



var length = 16; // Number 通过数字字面量赋值

var points = x * 10; // Number 通过表达式字面量赋值

var lastName = “Johnson”; // String 通过字符串字面量赋值

var cars = [“Saab”, “Volvo”, “BMW”]; // Array 通过数组字面量赋值

var person = {firstName:“John”, lastName:“Doe”}; // Object 通过对象字面量赋值

9. Value = undefined

在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是 undefined。



在执行过以下语句后，变量 carname 的值将是 undefined：



var carname;

10. Undefined 和 Null

Undefined 这个值表示变量不含有值。



可以通过将变量的值设置为 null 来清空变量。

11. 声明变量类型

当您声明新变量时，可以使用关键词 “new” 来声明其类型：



var carname=new String;

var x= new Number;

var y= new Boolean;

var cars= new Array;

var person= new Object;



JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。



JavaScript函数

在JavaScript中，函数即对象，可以随意地被程序操控，函数可以嵌套在其他函数中定义，这样可以访问它们被定义时所处的作用域中的任何变量。

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

<1>JavaScript 函数语法

函数就是包裹在花括号中的代码块，前面使用了关键词 function：



function functionname()

{

执行代码

}



当调用该函数时，会执行函数内的代码。



可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。



lamp JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。

提示：function 中的花括号是必需的，即使函数体内只包含一条语句，仍然必须使用花括号将其括起来。



<2>带有返回值的函数

有时，我们会希望函数将值返回调用它的地方。



通过使用 return 语句就可以实现。



在使用 return 语句时，函数会停止执行，并返回指定的值。

<3>在您仅仅希望退出函数时 ，也可使用 return 语句。返回值是可选的：



function myFunction(a,b)

{

if (a>b)

{

return;

}

x=a+b

}

如果 a 大于 b，则上面的代码将退出函数，并不会计算 a 和 b 的总和。



<3>局部 JavaScript 变量

在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内访问它。（该变量的作用域是局部的）。

您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数能识别出该变量。

只要函数运行完毕，本地变量就会被删除。

局部变量比同名全局变量的优先级高，所以局部变量会隐藏同名的全局变量。



全局 JavaScript 变量

在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。



JavaScript 变量的生存期

JavaScript 变量的生命期从它们被声明的时间开始。

局部变量会在函数运行以后被删除。

全局变量会在页面关闭后被删除。



向未声明的 JavaScript 变量分配值

如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。

这条语句：

carname=“Volvo”;

将声明一个全局变量 carname，即使它在函数内执行。

13. JavaScript 作用域

作用域是可访问变量的集合。



在JavaScript中，能够定义全局作用域或者局部作用域。



HTML 中的全局变量

在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。

实例

//此处可使用 window.carName



function myFunction() {

carName = “Volvo”;

}



 你的全局变量，或者函数，可以覆盖 window 对象的变量或者函数。

 局部变量，包括 window 对象可以覆盖全局变量和函数。

也就是说全局变量可以覆盖全局变量，局部可以在局部作用域里面覆盖全局变量

JavaScript事件

JavaScript 事件

事件是可以被 JavaScript 侦测到的行为。

HTML 事件是发生在 HTML 元素上的事情。



当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。

HTML 事件

HTML 事件可以是浏览器行为，也可以是用户行为。

HTML 网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。

以下是 HTML 事件的实例：

• HTML 页面完成加载

• HTML input 字段改变时

• HTML 按钮被点击

通常，当事件发生时，你可以做些事情。

在事件触发时 JavaScript 可以执行一些代码。

HTML 元素中可以添加事件属性，使用 JavaScript 代码来添加 HTML 元素。

单引号:



双引号:

常见的HTML事件

下面是一些常见的HTML事件的列表:

事件 描述

onchange HTML 元素改变

onclick 用户点击 HTML 元素

onmouseover 用户在一个HTML元素上移动鼠标

onmouseout 用户从一个HTML元素上移开鼠标

onkeydown 用户按下键盘按键

onload 浏览器已完成页面的加载

15. JavaScript 字符串

JavaScript 字符串用于存储和处理文本。



字符串长度

可以使用内置属性 length 来计算字符串的长度：



字符串属性和方法

原始值字符串，如 “John”, 没有属性和方法(因为他们不是对象)。

原始值可以使用 JavaScript 的属性和方法，因为 JavaScript 在执行方法和属性时可以把原始值当作对象。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。