JavaScript简介

JavaScript是什么？

JavaScript是一种小型的、轻量级的、面向对象的、跨平台的客户端脚本语言。

JavaScript是嵌入到浏览器软件当中的去的，只要你的电脑有浏览器就可以执行JS程序了。
JavaScript是一种面向对象的程序语言。

在程序中，对象是由“属性”和“方法”构成。
在现实中，男女朋友就是一个“对象”。“东西”就是“对象”。一个“物体”就是“对象”。
“对象”有各种各样的特征(属性)，如：姓名、身高、体重、年龄等。
“对象”有很多方法。“人”这个对象，可以干什么？或者“人的行为”。如：去上班、去爬山、去旅行等。

注：JS中的对象只要会用就可以了，不需要我们自己去开发对象。

跨平台：JS程序可以在多种平台下运行，如：windows、linux、mac、IOS等。
客户端脚本程序：JS只能在客户端的浏览器来运行，不能在服务器端来运行。
浏览器是一个翻译器，可以翻译三种代码：HTML代码、CSS代码、JavaScript代码。

JavaScript能干什么？

表单验证：是JS最基本的功能。
动态HTML：可以实现一些动态的、重复的效果。
交互式：人机交互，通过键盘或鼠标，与网页中的元素进行交互。

JavaScript名称的由来？

JavaScript最初叫“LiveScript”，是网景公司(Netscape)公司开发，为自己的浏览器Navigator2.0开的客户端语言。

想借助Java的名气很快成长起来，因此改名为JavaScript。

如他们所愿，JavaScript最终确实火了起来

<script></script>标记

JS代码也是嵌入到HTML文档中去的。

同一个网页中，可以有HTML代码、CSS代码、JavaScript代码。

通过<script></script>来引入JS程序代码

实例

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
            window.alert("欢迎大家学习我们的JavaScript课程，一分耕耘一分收获，希望大家多多练习代码");
        </script>
    </head>
    <body>
    </body>
</html>

JS中的注释

顺便总结下页面中其它两种注释

HTML的注释：<!—注释内容-->
CSS注释：/* 注释 */
JavaScript的注释：// 或 /* 多行注释 */

给上面的例子加上注释：

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
        //在当前窗口弹出以一个对话框
            window.alert("欢迎大家学习我们的JavaScript课程，一分耕耘一分收获，希望大家多多练习代码")
        </script>
    </head>
    <body>
    </body>
</html>

新建文件

<!DOCTYPE HTML>
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>php.cn</title>
 <script type="text/javascript">
 //在当前窗口弹出以一个对话框
 window.alert("欢迎大家学习我们的JavaScript课程，一分耕耘一分收获，希望大家多多练习代码")
 </script>
 </head>
 <body>
 </body>
</html>

提交重置代码

自动运行

全屏