JavaScript 使用
(HTML 中的脚本必须位于<script>与</script>标签之间。脚本可被放置在 HTML 页面的<body>和 <head>部分中。)
<body>/<head>
<script>
javascript脚本
</script>
</body>/</head>
如需使用外部文件,请在<script>标签中的 "src" 属性中设置该 .js 文件(外部脚本不能包含 <script>标签) 标签《
JavaScript 输出
1.使用 document.getElementById(id) 方法,从 JavaScript 访问某个 HTML 元素。
<script>
document.getElementById("demo").innerHTML="我的第一段 JavaScript";
</script>
浏览器将访问 id="demo" 的 HTML 元素,并把它的内容(innerHTML)替换为 "My First JavaScript"。
2.写到文档输出
document.write("<p>我的第一个js页面!</p>");
JavaScript 语句(浏览器会按照编写顺序来执行每条语句)
JavaScript 对大小写是敏感的。
JavaScript 会忽略多余的空格。
在文本字符串中使用反斜杠(\)对代码行进行换行。eg:document.write("Hello \World!");
JavaScript 注释
单行注释以 // 开头。
多行注释以 /* 开始,以 */ 结尾。
JavaScript 变量(var)
当您向变量分配文本值时,应该用双引号或单引号包围这个值。
当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。
使用 var 关键词来声明变量
eg:var num=2;
var name="Mary";
如果重新声明 JavaScript 变量,该变量的值不会丢失:
var name="Mary";
var name; ( 在两条语句执行后,变量 carname 的值依然是 "Mary")
JavaScript 数据类型(字符串、数字、布尔、数组、对象、Null、Undefined)
1.数组
创建名为cars的数组:
var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
或者
var cars=new Array("Audi","BMW","Volvo");
2.对象
var person={firstname:"Bill", lastname:"Gates", id:5566};或
var person={
firstname : "Bill",
lastname : "Gates",
id : 5566
};
有两种获取方式:
name=person.lastname;
name=person["lastname"];
JavaScript 对象
1.JavaScript 中的几乎所有事务都是对象:字符串、数字、数组、日期、函数,等等。
2.
如果要创建自己的对象QWJ:
<script>
QWJ=new Object();
QWJ.name="秦文静";
QWJ.age=20;
QWJ.eyecolor="black"
document.write(QWJ.name+"is"+QWJ.age+"years old");
</script>
JavaScript 函数
1.关键词 function(类比于c语言中返回值)
2.带参数的函数
function information(name,age) //注意此刻参数声明时不加类型,只写变量名
{
alert(name+“hello“+age);
}
<button onclick="information('mary','10')">....</button> //变量和参数必须以一致的顺序出现。由于外面有个双引号了所以参数值用单引号引起来。只要内外不同即可。
3.全局 JavaScript 变量
在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。
4.JavaScript 变量的生存期
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
5.向未声明的 JavaScript 变量来分配值
carname="Volvo";(把值赋给一个未声明的变量)
则将声明一个全局变量 carname,即使它在函数内执行。
JavaScript运算符
如果把数字与字符串相加,结果将成为字符串。
JavaScript 比较和逻辑运算符
“===”三个连等:表示全等(即类型和值都要相等)
JavaScript Switch语句
var d=new Date().getDay();
若是Sunday则为0, Monday=1, Tuesday=2。。。。
JavaScript For循环
1.for循环
for (var i=0,len=cars.length;i<len;i++)
{
ducument.write("第一个式子中可以初始化任意(或者多个)值
}
2.For/In 循环(相当于遍历整个元素)
var person={
fname:"John",
lname:"Doe",
age:25
};
var txt="";
for (x in person)
{
txt=txt + person[x];
}
JavaScript Break 和 Continue 语句
1.Break语句
它用于跳出 switch() 语句。
break 语句可用于跳出循环。
break 语句跳出循环后,会继续执行该循环之后的代码(如果有的话)
2.Continue语句
跳出当前循环的一个迭代,然后继续下面的循环。
JavaScript错误
1.try、catch
try {
//在这里运行代码
}
catch(err) {
//在这里处理错误
}//获取错误信息:err.message
2.throw
throw 语句允许我们创建自定义错误。
语法:throw exception(异常可以是 JavaScript 字符串、数字、逻辑值或对象。)
eg:
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 + ".";
}
}