JavaScript基础知识

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>