DomECMAScript是一种语法标准语法、变量和数据类型、运算符、逻辑控制语句、关键字、保留字、对象编码遵循EC

ECMAScript是一种语法标准语法、变量和数据类型、运算符、逻辑控制语句、关键字、保留字、对象编码遵循ECMAScript标准

BOM：Browser Object Model（浏览器对象模型）提供了独立于内容与浏览器窗口进行交互的对象

这个是地址的参数信息

     console.log(window.location.search);

这是地址路径

     console.log(window.location.href)

这个是地址的端口

    console.log(window.location.port)

后退

    function back() {
         window.history.back();

两者的作用一致都是后退

        window.history.go(-1);
    }

前进

    function forward(){
         window.history.forward(); 
        window.history.go(1)
    }

刷新

    function go(){
         go里面是没有任何参数的 
         window.history.go(); 
         两者功能相等 都是刷新 
         window.history.go(0); 
         这个也表示刷新 
        location.reload();
    }

兼容低版本浏览器比如ie8 以及以下通过id属性获取对象

     console.log( document.getElementById('dom1') )

通过标签名获取对象

     getElementsByTagName是获取到元素的集合

通过下标来选取对应的元素

     console.log( document.getElementsByTagName('div')[2] )

通过class属性获取对象

     getElementsByClassName也是一个元素集合

通过下标来选择元素

      console.log( document.getElementsByClassName('classdom')[1] );

适合用于高版本浏览器

通过querySelector获取含有指定id选择器的元素

     console.log( document.querySelector('#dom1') )

通过querySelector获取含有指定class选择器的元素含有相同class的元素有很多但是只获取第一个

     console.log( document.querySelector('.classdom') )

通过querySelector获取含有指定元素选择器的元素有多个元素能匹配上但是只能获取到第一个

     console.log( document.querySelector('div') )

使用querySelectorAll可以获取多个含有对应元素选择器的dom元素通过下标可以选择第几个

     console.log( document.querySelectorAll('div')[1] )

使用querySelectorAll可以获取多个含有对应类选择器的dom元素通过下标可以选择第几个

     console.log( document.querySelectorAll('.classdom')[2] )