JavaScript初学笔记

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 元素上方或移出元素时触发函数。

20 onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时,会触发 onmousedown 事件,当释放鼠标按钮时,会触发 onmouseup 事件,最后,当完成鼠标点击时,会触发 onclick 事件。

JavaScript初学笔记,布布扣,bubuko.com

JavaScript初学笔记

上一篇:【转】C++11 标准新特性: 右值引用与转移语义


下一篇:js 对象与string之间的转换