js学习，持续更

转载学习，记录适合自己的记忆点

如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。

在文本字符串中使用反斜杠对代码行进行换行

document.write("Hello \

World!");

JavaScript 变量

• 变量必须以字母开头
• 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
• 变量名称对大小写敏感（y 和 Y 是不同的变量）

未使用值来声明的变量，其值实际上是 undefined。

如果重新声明 JavaScript 变量，该变量的值不会丢失：

在以下两条语句执行后，变量 carname 的值依然是 "Volvo"：

var carname="Volvo";

var carname;

JavaScript 拥有动态类型 相同的变量可用作不同的类型

对象属性有两种寻址方式：

name=person.lastname;

name=person["lastname"];

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头（没有指定 fromindex 时）。如果找到一个 searchvalue，则返回 searchvalue 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。如果要检索的字符串值没有出现，则该方法返回 -1。

toUpperCase() 方法来把文本转换为大写

如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。如果把数字与字符串相加，结果将成为字符串。

 

JavaScript for/in 语句循环遍历对象的属性

 

while,do/while 循环别忘记增加条件中所用变量的值，否则循环永远不会结束！

 

continue 语句（带有或不带标签引用）只能用在循环中。

break 语句（不带标签引用），只能用在循环或 switch 中。

通过标签引用，break 语句可用于跳出任何 JavaScript 代码块

 

try 语句测试代码块的错误。

catch 语句处理错误。

throw 语句创建自定义错误。

 

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

 

JavaScript HTML DOM

通常，通过 JavaScript，您需要操作 HTML 元素。

为了做到这件事情，您必须首先找到该元素。有三种方法来做这件事：

• 通过 id 找到 HTML 元素

如果找到该元素，则该方法将以对象的形式返回该元素。如果未找到该元素，则  null。

• 通过标签名找到 HTML 元素

var x=document.getElementById("main");

var y=x.getElementsByTagName("p");

• 通过类名找到 HTML 元素

提示：通过类名查找 HTML 元素在 IE 5,6,7,8 中无效。

 

修改 HTML 内容的最简单的方法时使用 innerHTML 属性。

改变 HTML 属性

如需改变 HTML 元素的属性，请使用这个语法：

document.getElementById(id).attribute=new value

改变 HTML 样式

如需改变 HTML 元素的样式，请使用这个语法：

document.getElementById(id).style.property=new style

onload 和 onunload 事件

onload 和 onunload 事件会在用户进入或离开页面时被触发。

onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。

onload 和 onunload 事件可用于处理 cookie。

 

JavaScript 不是类型语言。与许多其他编程语言不同，JavaScript 不定义不同类型的数字，比如整数、短、长、浮点等等。

JavaScript 中的所有数字都存储为根为 10 的 64 位（8 比特），浮点数。

如果前缀为 0，则 JavaScript 会把数值常量解释为八进制数，如果前缀为 0 和 "x"，则解释为十六进制数。

var y=0377; var z=0xFF;

valueOf() 方法可返回 Boolean 对象的原始值。

getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。

算数值

JavaScript 提供 8 种可被 Math 对象访问的算数值：

• 常数
• 圆周率
• 2 的平方根
• 1/2 的平方根
• 2 的自然对数
• 10 的自然对数
• 以 2 为底的 e 的对数
• 以 10 为底的 e 的对数

这是在 Javascript 中使用这些值的方法：（与上面的算数值一一对应）

• Math.E
• Math.PI
• Math.SQRT2
• Math.SQRT1_2
• Math.LN2
• Math.LN10
• Math.LOG2E
• Math.LOG10E

window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。

• location.hostname 返回 web 主机的域名
• location.pathname 返回当前页面的路径和文件名
• location.port 返回 web 主机的端口 （80 或 443）
• location.protocol 返回所使用的 web 协议（http:// 或 https://）
• location.href 属性返回当前页面的 URL。
• location.assign() 方法加载新的文档。

cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。

jQuery

jQuery 是目前最受欢迎的 JavaScript 框架。

它使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）。

jQuery 同时提供 companion UI（用户界面）和插件。

许多大公司在网站上使用 jQuery：

• Google
• Microsoft
• IBM
• Netflix

如需更深入地学习 jQuery，请访问我们的 jQuery 教程。

Prototype

Prototype 是一种库，提供用于执行常见 web 任务的简单 API。

API 是应用程序编程接口（Application Programming Interface）的缩写。它是包含属性和方法的库，用于操作 HTML DOM。

Prototype 通过提供类和继承，实现了对 JavaScript 的增强。

MooTools

MooTools 也是一个框架，提供了可使常见的 JavaScript 编程更为简单的 API。

MooTools 也含有一些轻量级的效果和动画函数。