javascript学习（1）
javascript
脚本语言
养成习惯，javascript一般都是在页面加载完成后，在执行的
所有常用 window.onload引出
也常常将HTML和脚本语言做到“彻底分离”的效果。
对字符串进行比较，那么要知道“a”大于“A”，“abracadabra”小于“be”。
字母顺序 有效到大
a>A
页面划分思想：
按照这种方式进行分离，站点将包含以下3 种文本文件。
HTML：包含页面的内容和结构。
CSS：控制页面的外观和表现。
JavaScript：控制页面的行为。
如果这么做，对站点进行修改就会很容易，甚至修改全站点范围的效果也很容易。
<div>与<span>
现在HTML 和XHTML 有两个只用来标出范围的标签：<div>和<span>。它们用来将内容划分成
语义性（semantic）的块，也就是具有相似含义（meaning）的块。一个表格单元格或段落中的内容可
能具有共同点，也可能没有，但是每个<div>和<span>中的内容应该具有相似的含义。
<div>和<span>有什么区别呢？
<div>是一个块级（block-level）元素，也就是说，它与前后
元素之间有物理换行。但<span>不是块级的，它是行内的（inline），所以可以将它应用于句子中的一
个短语。
class和id
在HTML 文档中，将内容分隔为这些有意义的块。但是在此之后，仍然需要标识出那些需要修改
其表现或行为的内容片段。为此，主要使用两个属性：class 和id。CSS 和JavaScript 都可以利用这
些属性。CSS 样式表在规则中使用这些属性定义页面的外观，而JavaScript 文件在代码中使用这些属
性来影响页面上元素的行为。
类（class）标识出可能会多次使用的元素。例如，假设你要为电影院编写一个页面。可以为电
影标题定义一个类，然后通过这个类指定标题应该是14 像素、粗体和深蓝色的。
.movieTitle {
font: bold 14px;
color: #000099;
}
应该将页面上的每个电影标题包围在一个标签中，并指定这个标题类型的class 属性，如下所示：
<p>We're currently showing <span class="movieTitle">The Aviator</span> and <span class="movieTitle">
➝The Outlaw</span>.</p>
id 标识出的元素对于文档是唯一的。例如，如果在页面上电影院的名称只出现一次，那么可
以使用id 创建一个样式规则，定义电影院名称的外观是什么样的，如下所示：
#theaterName {
font: bold 28px;
color: #FF0000;
}
要显示电影院的名称时，只需在受影响的标签中添加这个id 属性：
<h1 id="theaterName">The Raven Theater Presents:</h1>
上面示例中用于CSS 的手段也可以应用于JavaScript。在给div 和span（或任何其他元素）分配
了class 和id 之后，就可以修改这些元素：不但可以用CSS 修改它们的外观，还可以用JavaScript
修改它们的行为。本书的其余部分主要讨论这个主题。
提示
有些人可能会在CSS 中使用#和.时出现混淆，因为他们想不起哪个符号用于class，哪个符号
用于id。我们的记忆方法是：在给定的页面上，一个id 只能出现一次。“1”是一个数字，而
井号（#）也称为数字符，所以这个符号用于id。
编写js脚本的位置
第一种方式
<head>
<title>My second script</title>
<script src="script02.js"></script>
</head>
外部文件内容
window.onload = writeMessage;
function writeMessage() {
document.getElementById("helloMessage").innerHTML = "Hello, world!";
}
第二种方式
<body>
<h1>
<script>
document.write("Hello, world!");
</script>
</h1>
</body>
与用户交行常见
向用户发出警告
alert("Welcome to my JavaScript page!");
确认用户的选择
if (confirm("Are you sure you want to do that?")) {
alert("You said yes");
}
else {
alert("You said no");
}
用户输入，然后输入结果
var ans = prompt("Are you sure you want to do that?","");
if (ans) {
alert("You said " + ans);
}
else {
alert("You refused to answer");
}
脚本语言
养成习惯，javascript一般都是在页面加载完成后，在执行的
所有常用 window.onload引出
也常常将HTML和脚本语言做到“彻底分离”的效果。
对字符串进行比较，那么要知道“a”大于“A”，“abracadabra”小于“be”。
字母顺序 有效到大
a>A
页面划分思想：
按照这种方式进行分离，站点将包含以下3 种文本文件。
HTML：包含页面的内容和结构。
CSS：控制页面的外观和表现。
JavaScript：控制页面的行为。
如果这么做，对站点进行修改就会很容易，甚至修改全站点范围的效果也很容易。
<div>与<span>
现在HTML 和XHTML 有两个只用来标出范围的标签：<div>和<span>。它们用来将内容划分成
语义性（semantic）的块，也就是具有相似含义（meaning）的块。一个表格单元格或段落中的内容可
能具有共同点，也可能没有，但是每个<div>和<span>中的内容应该具有相似的含义。
<div>和<span>有什么区别呢？
<div>是一个块级（block-level）元素，也就是说，它与前后
元素之间有物理换行。但<span>不是块级的，它是行内的（inline），所以可以将它应用于句子中的一
个短语。
class和id
在HTML 文档中，将内容分隔为这些有意义的块。但是在此之后，仍然需要标识出那些需要修改
其表现或行为的内容片段。为此，主要使用两个属性：class 和id。CSS 和JavaScript 都可以利用这
些属性。CSS 样式表在规则中使用这些属性定义页面的外观，而JavaScript 文件在代码中使用这些属
性来影响页面上元素的行为。
类（class）标识出可能会多次使用的元素。例如，假设你要为电影院编写一个页面。可以为电
影标题定义一个类，然后通过这个类指定标题应该是14 像素、粗体和深蓝色的。
.movieTitle {
font: bold 14px;
color: #000099;
}
应该将页面上的每个电影标题包围在一个标签中，并指定这个标题类型的class 属性，如下所示：
<p>We're currently showing <span class="movieTitle">The Aviator</span> and <span class="movieTitle">
➝The Outlaw</span>.</p>
id 标识出的元素对于文档是唯一的。例如，如果在页面上电影院的名称只出现一次，那么可
以使用id 创建一个样式规则，定义电影院名称的外观是什么样的，如下所示：
#theaterName {
font: bold 28px;
color: #FF0000;
}
要显示电影院的名称时，只需在受影响的标签中添加这个id 属性：
<h1 id="theaterName">The Raven Theater Presents:</h1>
上面示例中用于CSS 的手段也可以应用于JavaScript。在给div 和span（或任何其他元素）分配
了class 和id 之后，就可以修改这些元素：不但可以用CSS 修改它们的外观，还可以用JavaScript
修改它们的行为。本书的其余部分主要讨论这个主题。
提示
有些人可能会在CSS 中使用#和.时出现混淆，因为他们想不起哪个符号用于class，哪个符号
用于id。我们的记忆方法是：在给定的页面上，一个id 只能出现一次。“1”是一个数字，而
井号（#）也称为数字符，所以这个符号用于id。
编写js脚本的位置
第一种方式
<head>
<title>My second script</title>
<script src="script02.js"></script>
</head>
外部文件内容
window.onload = writeMessage;
function writeMessage() {
document.getElementById("helloMessage").innerHTML = "Hello, world!";
}
第二种方式
<body>
<h1>
<script>
document.write("Hello, world!");
</script>
</h1>
</body>
与用户交行常见
向用户发出警告
alert("Welcome to my JavaScript page!");
确认用户的选择
if (confirm("Are you sure you want to do that?")) {
alert("You said yes");
}
else {
alert("You said no");
}
用户输入，然后输入结果
var ans = prompt("Are you sure you want to do that?","");
if (ans) {
alert("You said " + ans);
}
else {
alert("You refused to answer");
}