由于工作需要些一些js代码，所以就抽时间学习了一下，感觉js很灵活，很简洁。
花了两天时间学习了一下js的基本语法，和大多数语言差不多，小小总结一下。
学习资料
js基本知识
概述：
js全称JavaScript，是一种浏览器脚本语言，是世界上最流行的脚本语言。
web的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。
一种轻量级的编程语言。
可插入 HTML 页面的编程代码。
插入 HTML 页面后，可由所有的现代浏览器执行
容易学习
基本教程
写入 HTML 输出
document.write。 如果在文档已加载后使用它（比如在函数中），会覆盖整个文档。
对事件作出反应
alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便
onclick 事件只是您即将在本教程中学到的众多事件之一
改变 HTML 内容
x=document.getElementById("demo") //查找元素
x.innerHTML="Hello JavaScript"; //改变内容
经常看到 document.getElementByID("some id")。这个方法是 HTML DOM 中定义的。
DOM（文档对象模型）是用以访问 HTML 元素的正式 W3C 标准
改变 HTML 图像
<script>
function changeImage() {
element=document.getElementById('myimage')
if (element.src.match("bulbon")) {
element.src="/i/eg_bulboff.gif";
} else {
element.src="/i/eg_bulbon.gif";
}
}
</script>
JavaScript 能够改变任意 HTML 元素的大多数属性，而不仅仅是图片
改变 HTML 样式
改变 HTML 元素的样式，属于改变 HTML 属性的变种
x=document.getElementById("demo") //找到元素
x.style.color="#ff0000"; //改变样式
验证输入
JavaScript 常用于验证用户的输入：if isNaN(x) {alert("Not Numeric")};
提示：JavaScript 与 Java 是两种完全不同的语言，无论在概念还是设计上
Java（由 Sun 发明）是更复杂的编程语言。
ECMA-262 是 JavaScript 标准的官方名称。
JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中（该浏览器已停止新），
并于 1997 年被 ECMA（一个标准协会）采纳
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。、
<script> 标签
如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签
<script> 和 </script> 会告诉 JavaScript 在何处开始和结束
<script> 和 </script> 之间的代码行包含了 JavaScript
<script>
alert("My First JavaScript");
</script>
浏览器会解释并执行位于 <script> 和 </script> 之间的 JavaScript
那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样
做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言
<body> 中的 JavaScript
通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同
一处位置，不会干扰页面的内容
<body>
.
.
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>
.
.
</body>
函数和事件
<head> 中的 JavaScript 函数
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML="My First JavaScript
Function";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
<body> 中的 JavaScript 函数
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction(）{
document.getElementById("demo").innerHTML="My First
JavaScript Function";
}
</script>
</body>
外部的 JavaScript
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件：
在 <head> 或 <body> 中引用脚本文件都是可以的。实际运行效果与您在 <script> 标签中
编写脚本完全一致外部脚本不能包含 <script> 标签
输出
JavaScript 通常用于操作 HTML 元素
<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
JavaScript 由 web 浏览器来执行。在这种情况下，浏览器将访问 id="demo" 的 HTML 元素，
并把它的内容（innerHTML）替换为 "My First JavaScript"写到文档输出
<script>
document.write("<p>My First JavaScript</p>");
</script>
警告
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph.</p>
<button onclick="myFunction()">点击这里</button>
<script>
function myFunction() {
document.write("糟糕！文档消失了。");
}
</script>
</body>
语句
JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么
分号 ;
分号用于分隔 JavaScript 语句
通常我们在每条可执行的语句结尾添加分号
使用分号的另一用处是在一行中编写多条语句
提示：您也可能看到不带有分号的案例.在 JavaScript 中，用分号来结束语句是可选的
代码
JavaScript 代码（或者只有 JavaScript）是 JavaScript 语句的序列。
浏览器会按照编写顺序来执行每条语句。
本例将操作两个 HTML 元素：
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
对大小写敏感
JavaScript 对大小写是敏感的
空格
会忽略多余的空格
var name="Hello";
var name = "Hello";
对代码行进行折行
document.write("Hello \
World!");
JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行
前对所有代码进行编译
注释
单行注释以 // 开头
多行注释 /* 开始，以 */ 结尾
变量
变量必须以字母开头
变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
变量名称对大小写敏感（y 和 Y 是不同的变量）
数据类型
字符串:当您向变量分配文本值时，应该用双引号或单引号包围这个值
声明（创建） JavaScript 变量
我们使用 var 关键词来声明变量(可以省略var)
变量声明之后，该变量是空的（它没有值）
在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是 undefined
字符串、数字、布尔、数组、对象、Null、Undefined
JavaScript 拥有动态类型
JavaScript 字符串
JavaScript 数字
JavaScript 布尔
JavaScript 数组
var cars=new Array();
var carname=new String
JavaScript 对象
var person={
firstname : "Bill",
lastname : "Gates",
id : 5566
};
对象属性有两种寻址方式
name=person.lastname;
name=person["lastname"];
Undefined 和 Null
Undefined 这个值表示变量不含有值
可以通过将变量的值设置为 null 来清空变量
对象
JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等
在 JavaScript 中，对象是拥有属性和方法的数据
创建 JavaScript 对象
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
函数
是由事件驱动的或者当它被调用时执行的可重复使用的代码块
函数语法
function functionname() {
这里是要执行的代码
}
带有返回值的函数(返回值是可选的)
function myFunction() {
var x=5;
return x;
}
局部 JavaScript 变量
函数内部
全局 JavaScript 变量
在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它
变量的生存期
JavaScript 变量的生命期从它们被声明的时间开始
局部变量会在函数运行以后被删除
全局变量会在页面关闭后被删除
向未声明的 JavaScript 变量来分配值
如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。
这条语句：
carname="Volvo";
将声明一个全局变量 carname，即使它在函数内执行
运算符
常规运算
字符串 +
如果把数字与字符串相加，结果将成为字符串
比较和逻辑运算符
比较运算符
普通的 ===(值和类型都等)
逻辑运算符
|| && ！
条件运算符
If...Else 语句
switch 语句
case
default
break
For 循环
For/In 循环
var person={fname:"John",lname:"Doe",age:25};
for (x in person) {
txt=txt + person[x];
}
Break 和 Continue 语句
错误 - Throw、Try 和 Catch
<script>
function myFunction()
{
try {
var x=document.getElementById("demo").value;
if(x=="") throw "empty";
if(isNaN(x)) throw "not a number";
if(x>10) throw "too high";
if(x<5) throw "too low";
} catch(err) {
var y=document.getElementById("mess");
y.innerHTML="Error: " + err + ".";
}
}
</script>
表单验证
1121
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
