Web前端----JavaScript入门(三)

目录

4.BOM编程

4.1 open和close

4.2 alert()和confirm()

4.3 将当前窗口设置为顶级窗口

4.4 history和location对象

5.总结：通过浏览器往服务器发送请求的方式

6.JSON对象

6.1 概述

6.2 语法

6.3 eval函数

6.4 通过拼接html的方式，设置table的tbody

---

4.BOM编程

4.1 open和close

   BOM编程中，window对象是顶级对象，代表浏览器窗口。

   window有open和close方法，可以开启和关闭窗口。

   open打开窗口时默认为打开新窗口。

   002-open.html代码如下：

4.2 alert()和confirm()

   弹出消息框和确认框。

4.3 将当前窗口设置为顶级窗口

   005.html网页代码如下：

    
    


    005页面
    
    

4.4 history和location对象

   网页的前进和后退。

    
    


    007页面
    

   007.html页面如下：

    
    


    007 page!
    
    

   设置浏览器地址栏上的URL。

5.总结：通过浏览器往服务器发送请求的方式

   ①表单form的提交，可以是get，也可以是post。

   ②超链接

   ③document.location.href = url

   ④window.location.href = url

   ⑤window.open("url")

   ⑥直接在浏览器地址栏上输入URL，然后回车

   以上所有的请求方式均可以写代数据给服务器，只有通过表单提交的数据才是动态的。

6.JSON对象

6.1 概述

   JavaScript Object Notation(JavaScript对象标记)，简称JSON。

   JSON主要的作用是一种标准的数据交换格式。

   JSON是一种标准的轻量级的数据交换格式，特点是：体积小，易解析。在实际的开发中有两种数据交换格式使用最多，其一是JSON，另一个是XML，XML体积较大，解析麻烦，但是语法严谨。

6.2 语法

   语法格式：

        var jsonObj = {

                "属性名" : "属性值",

                "属性名" : "属性值",

                "属性名" : "属性值"

                ...

        };

   一些更复杂的json对象：

6.3 eval函数

   eval函数的作用是将字符串当做一段JS代码解释并执行。

   一个扩展：在JS中中括号和大括号有什么区别？

        中括号表示数组；大括号表示JSON对象。

6.4 通过拼接html的方式，设置table的tbody

   DOM编程对JSON对象的一种运用。

    
    


    
    
    
员工信息列表
    

    

        

            
员工编号
            
员工名字
            
员工薪资
        
        

            
        
    
    总共0条数

PS：根据动力节点课程整理，如有侵权，联系删除。