JavaScript初学笔记

浏览数：25 / 时间：2015年06月08日

1 HTML 中的脚本必须位于 <script> 与 </script> 标签之间。浏览器会解释并执行位于 <script> 和 </script> 之间的 JavaScript

2 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

3 如需使用外部文件，在 <script> 标签的 "src" 属性中设置该 .js 文件.
<script src="myScript.js"></script>
提示：外部脚本不能包含 <script> 标签。

4 JavaScript 通常用于操作 HTML 元素。
如需从 JavaScript 访问某个 HTML 元素，可以使用 document.getElementById(id) 方法。
使用 "id" 属性来标识 HTML 元素：
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph</p>
<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
</body>
</html>
JavaScript 由 web 浏览器来执行。在这种情况下，浏览器将访问 id="demo" 的 HTML 元素，并把它的内容（innerHTML）替换为 "My First JavaScript"。

5 提示：JavaScript 语句和 JavaScript 变量都对大小写敏感。

6 如果重新声明 JavaScript 变量，该变量的值不会丢失：
在以下两条语句执行后，变量 carname 的值依然是 "Volvo"：
var carname="Volvo";
var carname;

7 JavaScript 对象
对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：
var person={firstname:"Bill", lastname:"Gates", id:5566};
上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。
对象属性有两种寻址方式：
name=person.lastname;
name=person["lastname"];

8 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。
在 JavaScript 中，对象是拥有属性和方法的数据。

9
<button onclick="myFunction">按钮</button> 调用函数时,必须用双引号,不能用单引号.

10 JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。

11 如果把值赋给尚未声明的变量，该变量将被自动作为全局变量声明,即使它在函数内执行。
<script>
var x;
function myFunction()
{
x = "123"
}
myFunction()
document.write(x); //=>123
</script>

12 如果把数字与字符串相加，结果将成为字符串。
x="5"+5;
document.write(x); //=> 55

13 HTML DOM （文档对象模型）
当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。
HTML DOM 模型被构造为对象的树。

14 通常，通过 JavaScript，需要操作 HTML 元素。
为了做到这件事情，必须首先找到该元素。有三种方法来做这件事：
通过 id 找到 HTML 元素
通过标签名找到 HTML 元素
通过类名找到 HTML 元素

15 查找 id="intro" 元素：
var x=document.getElementById("intro");
如果找到该元素，则该方法将以对象（在 x 中）的形式返回该元素。
如果未找到该元素，则 x 将包含 null。

16 查找 id="main" 的元素，然后查找 "main" 中的所有 <p> 元素：
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");

17 onload 和 onunload 事件
onload 和 onunload 事件会在用户进入或离开页面时被触发。
onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。
onload 和 onunload 事件可用于处理 cookie。

18 onchange 事件常结合对输入字段的验证来使用。
下面是一个如何使用 onchange 的例子。当用户改变输入字段的内容时，会调用 upperCase() 函数。
<input type="text" id="fname" onchange="upperCase()">

19 onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。