JavaScript第二章（1）

Java和JavaScript的关系就好像老婆和老婆饼的关系，没有关系。

        非要说关系：都是编程语言。

        JavaScript是一门基于对象的编程（脚本）语言，主要用于开发交互式的网页。

        简称JS。

        一个完整的网页由三部分组成：

        A.  HTML   （网页的主体部分）

        B.  CSS     （美化的主体部分）

        C.  JavaScript （实现业务逻辑和页面控制）

        JS的三大组成：

        第一部分：核心语法  （JS代码）

        第二部分：DOM文档对象模型  （JS可以控制HTML元素进行相关的操作）

        第三部分：BOM 浏览器对象模型（JS可以控制浏览器元素进行相关的操作）

        浏览器元素：弹窗。浏览器的宽高，滚动条等等。

        JS的特点：

        1.  简单易用 （只需要用户安装浏览器即可使用，不需要像Java一样安装JDK编译工具）

        潜台词：无需编译即可运行。

        2.  跨平台    和上述一样。

        3.  支持面向对象

        4.  严格区分大小写

        <script>

            alert(123);

        </script>

        <script src="js/123.js">

            //不要写代码了

        </script>

<!--

    //注意：这个是HTML注释  不是JavaScript的注释

   

    在HTML代码中声明JS代码的三种方式

    1.行内式。忽略不计，讲JS代码放在HTML元素的内部，非常影响美观和可读性。

    2.嵌入式  （重点掌握）

    3.外链式  （重点掌握）

    嵌入式详解：

    1.将JS代码放在 “script标签内部即可”

    2.再将script标签放在body标签的最底部(推荐做法)

    外链式详解：

    1.创建一个单独的js文件，一般将文件命名为  xxx.js

    2.在这个js文件直接写JS代码，无需再写script标签了

    3.在相对于的HTML代码中 引入这个外部JS，语法如下：

    只需要在script标签中通过src属性引入外部js的路径即可。

    注意事项：如果这个标签式外链式的标签，标签内部不能再写js代码了

    如果JS的代码非常非常多，就推荐使用外链式，反之使用嵌入式。  行内式狗都不用。

//第一行JS代码:仅仅用于弹窗.起到一个警告作用

            // alert("密码错误!!");

           

            //第二行JS代码:prompt("xxx").弹出一个让用户可以输入的询问窗口

            //注意,这个方法可以获取到用户输入的值.如何获取将在今天的第二节课进行讲解.

            // prompt("请输入你的账号");

            //第三行JS代码:confirm("xxx"),弹出一个询问框,用户可以选择确定或取消.

            //注意,这个方法可以获取到用户选择的值

            // confirm("你确定要退出系统吗？");

            //第四行代码:console.log("xxx")

            //主要用于将进行打印在控制台,方便程序员进行调试和BUG的检查.

            //通过F12可以开启浏览器的调试模式,点击console看到控制台信息.

            // console.log("进入控制台");

            //第五行代码:document.write("xxx")

            //用于将内容输出到html页面中

            document.write("你好啊");