JS使用
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
<head> 或 <body> 中的javascript
你可以在在HTML文档中放入不限数量的脚本.
脚本可位于HTML的 <body> 或 <head> 部分中, 或者同时存在于两个部分中.
通常的做法是把函数放入 <head> 部分中, 或者放入页面底部. 这样就可以把它们安置在同一处位置, 不会干扰页面的内容.
<head> 中的javascript函数
实例
<!DOCTYPE html>
<html>
<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>
</html>
<body>中的javascript函数
实例
<!DOCTYPE html>
<html>
<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>
</html>
外部的javascript
也可以把脚本保存到外部文件中. 外部文件通常包含被多个网页使用的代码.
外部javascript文件的文件扩展名是 .js
如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件.
实例
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>
javascript对大小写敏感
JS函数
javascript函数语法
函数就是包裹在花括号中得代码块,前面使用了关键词 function :
function functionname()
{
这里是要执行的代码
}
向未声明的Javascript变量来分配值
如果把值赋给未声明的变量,该变量将自动作为全局变量声明.
这条语句:
carname = "volvo";
将声明一个全局变量carname,即使它在函数内执行.
JS错误- Throw\Try和Catch
try 语句测试代码块的错误.
catch 语句处理错误.
throw 语句创建自定义错误.
Javascript测试和捕捉
try 语句允许我们定义在执行时进行错误测试的代码块.
catch 语句允许我们定义当try代码块发生错误时,所执行的代码块.
javascript 语句try 和 catch 是成对出现的.
语法
try
{
// 这里运行代码
}
catch(err)
{
// 这里处理错误
}
实例
在下面的例子中,我们故意在try块的代码中写了一个错字.
catch 块会捕捉到 try 块中得错误, 并执行代码来处理它.
<!DOCTYPE html>
<html>
<head>
<script>
var txt="";
function message()
{
try
{
adddlert("Welcome guest!");
}
catch(err)
{
txt="There was an error on this page.\n\n";
txt+="Error description: " + err.message + "\n\n";
txt+="Click OK to continue.\n\n";
alert(txt);
}
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()">
</body>
</html>
Throw 语句
throw 语句允许我们创建自定义错误.
正确的技术术语是 : 创建或抛出异常(exception).
如果把 throw 与 try 和 catch 一起使用, 那么你能够控制程序流, 并生成自定义的错误消息.
语法
throw exception
异常可以是javascript 字符串\数字\逻辑值或对象.
实例
本例检测输入变量的值. 如果值是错误的, 会抛出一个异常(错误). 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>
<h1>My First JavaScript</h1>
<p>Please input a number between 5 and 10:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">Test Input</button>
<p id="mess"></p>
