基础1 JavaScript入门

JavaScript 是网景(Netscape)公司开发的一种基于客户端浏览器、面向(基于)对象、事件驱动式的网页脚本语言。

入门小案例:新建个test.html  代码如下

<script type="text/javascript">

alert("欢迎来到javascript世界!");//弹出警告框

document.write("Hello World!")//用来向页面写入输出

</script>

直接用浏览器打开,页面如下:

基础1 JavaScript入门-搬砖酱的笔记

点击确定后

基础1 JavaScript入门-搬砖酱的笔记

如何与老的浏览器打交道

<script type="text/javascript">

<!--

alert("欢迎来到javascript世界!");//弹出警告框

document.write("Hello World!")//用来向页面写入输出

//-->

</script>

注释行末尾的两个正斜杠是 JavaScript 的注释符号,它会阻止 JavaScript 编译器对这一行的编译。

把 JavaScript 放置到何处

位于 head 部分

<html>

<head>

<script type="text/javascript">

<!--

alert("欢迎来到javascript世界!");//弹出警告框

document.write("Hello World!")//用来向页面写入输出

//-->

</script>

</head>

<body>

</body>

</html>

当脚本被调用时,或者当事件被触发时,脚本就会被执行。当你把脚本放置到 head 部分后,就可以确保在需要使用脚本之前,它已经被载入了。

位于 body 部分

<html>

<head>

</head>

<body>

<script type="text/javascript">

<!--

alert("欢迎来到javascript世界!");//弹出警告框

document.write("Hello World!")//用来向页面写入输出

//-->

</script>

</body>

</html>

使用外部 JavaScript

<html>

<head>

<script src="xxx.js">....</script>//不能在里面添加任何代码:

</head>

<body>

</body>

</html>

提示:您可以把 .js 文件放到网站目录中通常存放脚本的子目录中,这样更容易管理和维护。

JavaScript 代码

JavaScript 代码是 JavaScript 语句的序列。浏览器按照编写顺序依次执行每条语句。

<script type="text/javascript">

alert("依");

alert("次");

alert("执");

alert("行");

</script>

注释:通过使用分号,可以在一行中写多条语句。

JavaScript 代码块

JavaScript 可以分批地组合起来。代码块以左花括号开始,以右花括号结束。代码块的作用是一并地执行语句序列。

JavaScript 注释

<script type="text/javascript">

// alert("依"); 单行注释

alert("次");

/*   多行注释

alert("执");

alert("行");

*/

</script>