• 第三部分：JavaScript

    目录

    一：JavaScript介绍

    二：JavaScript和html代码的结合方式

    三： 使用方法与技巧

    3.1：变量

    3.2：关系运算

    3.3：逻辑运算

    3.4：数组

    3.5：函数

            3.5.1：函数定义的第一种方式

            3.5.2：函数定义的第二种方式 

    3.6：JS不允许函数重载

    3.7：隐形参数

    3.8：自定义对象

            3.8.1：Object形式的自定义对象

            3.8.2：大括号形式的自定义对象

    3.9：JS中的事件

            3.9.1：onload 加载完成事件

            3.9.2：onclick 单击事件

            3.9.3：onblur 失去焦点事件

            3.9.4：onchange 内容发生改变事件

            3.9.5：onsubmit 表单提交事件

    3.10：DOM模型

            3.10.1：Document对象

            3.10.2：DOM的属性、方法

    ①getElementById()方法：返回带有指定ID的元素引用

    ②getElementsByTagName()方法：返回带有指定标签名的所有元素

            3.10.3：正则表达式

    3.10.4：节点的常用属性和方法

    HTML DOM 节点树

    HTML DOM 树实例

    节点父、子和同胞

    四：JSON格式

    4.1：前端中对象与字符串的相互转换

    4.2：后端中对象与字符串的相互转换

    五：BOM编程

    5.1：什么是BOM？

    5.2：通过BOM编程控制浏览器行为演示

    5.3：通过BOM编程实现会话级和持久级数据存储

    一：JavaScript介绍

            JavaScript是互联网上最流行的脚本语言，这门语言可用于HTML和web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备       

            JavaScript语言诞生主要是完成页面的数据验证。因此它运行在客户端，需要运行浏览器来解析执行JavaScript代码。

            JavaScript是Net scape网景公司的产品，最早取名为LiveScript；为了吸引更多的程序员，更名为JavaScript

            为什么学习JavaScript？

                    ①HTML定义了网页的内容

                    ②CSS描述了网页的布局

                    ③JavaScript控制了网页的行为

          学到的主要内容：

                    ①直接写入HTML输出流：document.write()

                    ②对事件的反应

                    ③改变HTML内容 

    1. x=document.getElementById("demo");  //查找元素
    2. x.innerHTML="Hello JavaScript";    //改变内容

                    ④改变HTML图像

                    ⑤改变HTML样式

    1. x=document.getElementById("demo")  //找到元素 
    2. x.style.color="#ff0000";           //改变样式

                    ⑥验证输入

    1. html>
    2. <html>
    3. <head> 
    4. <meta charset="utf-8"> 
    5. <title>title> 
    6. head>
    7. <body>
    8. 	
    9. <h1>我的第一段 JavaScripth1>
    10. <p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。p>
    11. <input id="demo" type="text">
    12. <script>
    13. function myFunction()
    14. {
    15. 	var x=document.getElementById("demo").value;
    16. 	if(x==""||isNaN(x))
    17. 	{
    18. 		alert("不是数字");
    19. 	}
    20. }
    21. script>
    22. <button type="button" onclick="myFunction()">点击这里button>
    23. 	
    24. body>
    25. html>

            JS是弱类型，Java是强类型

                    弱类型：类型可变

                    强类型：在定义变量的时候，类型已确定，而且不可变

            特点：

                    1.交互性（信息的动态交互）

                    2.安全性（不允许直接访问本地硬盘）

                    3.跨平台性（只要是可以解释JS的浏览器都可以执行，和平台无关）

    二：JavaScript和html代码的结合方式

     2.1：概述

    HTML 中的 Javascript 脚本代码必须位于  标签之间。

    Javascript 脚本代码可被放置在 HTML 页面的  和  部分中。

     2.2：在或者中的JavaScript

    您可以在 HTML 文档中放入不限数量的脚本。

    脚本可位于 HTML 的 或 部分中，或者同时存在于两个部分中。

    通常的做法是把函数放入 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。

            2.2.1：中的JavaScript函数
    1. DOCTYPE html>
    2. <html>
    3. <head>
    4. <script>
    5. function myFunction()
    6. {
    7.     document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
    8. }
    9. script>
    10. head>
    11. <body>
    12. <h1>我的 Web 页面h1>
    13. <p id="demo">一个段落p>
    14. <button type="button" onclick="myFunction()">尝试一下button>
    15. body>
    16. html>
            2.2.2：中的JavaScript函数 
    1. DOCTYPE html>
    2. <html>
    3. <body>
    4. <h1>我的 Web 页面h1>
    5. <p id="demo">一个段落p>
    6. <button type="button" onclick="myFunction()">尝试一下button>
    7. <script>
    8. function myFunction()
    9. {
    10.     document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
    11. }
    12. script>
    13. body>
    14. html>
    2.3：外部的JavaScript

    也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

    外部 JavaScript 文件的文件扩展名是 .js。

    如需使用外部文件，请在