JS中的DOM与BOM

js:基于对象且事件的脚本语言

    对象： window：控制整个浏览器窗口

          document：文档对象，控制网页主体中所有内容

          数组对象：网页中的一组元素

          历史对象：

          自定义对象：object 人类 学生类

                      this：本类型对象、当前对象

           时间对象 字符串对象

================================================================================================

正则表达式：

            function  checkString(){

              var  pattern=/(86)*0*13\d{9}/g;

              var  str= document.getElementById("mytel").value;                

                if(!pattern.test(str)){

                    document.getElementById("tx").innerHTML="请输入正确的手机号码";

                }              

            }      

            function checkNum () {

                var pattern=/[0-9]{6}/g;

                var num=document.getElementById("mynum").value;

                if (!pattern.test(num)) {

                    document.getElementById("txnum").innerHTML="请输入六位数字";

                }

            }

            function checkStr () {

                var pattern=/sb/gi;

                var te=document.getElementById("te").value;

                document.getElementById("te").value=te.replace(pattern,"**");  

            }

<input type="text" placeholder="电话号码" id="mytel" onblur="checkString()"/>

            <br /> 

            <small id="tx"></small>

            <input type="text" placeholder="数字" id="mynum" onblur="checkNum()"/>

            <small id="txnum"></small>

            <input type="text" placeholder="请输入留言" id="te" onblur="checkStr()" />

===================================================================================

Window对象：

    浏览器对象模型：

                   

1. window.open("this.html","scrolbars=0,height=800px,width=800px,location=0");
2. window.showModalDialog("this.html","scrolbars=0,height=80px,width=80px");
3. window.confirm("确定要退出吗？")

function confirmWindow(){

             if (window.confirm("确定要退出吗？")) {

                 window.close();

             } else{

                 document.write("继续访问");

             }

}

    4.  window.close()

============================================================================================

document对象：

1. 获取表单值

通过name寻找方式获得值：

function show () {

     var str=document.form1.text1.value;

        alert(str);

}

<form name="form1">         

      <input name="text1" type="text" placeholder="用户名1" onblur="show();"/>

</form>

通过数组下标方式获得值：

      function show () {

            var syr=document.forms[1].getElementsByTagName("input")[0].value;

            alert(syr);

        }

        <form name="form2">        

            <input name="text2" type="text" placeholder="用户名2" onblur="show();"/>

        </form>

================================================================================================

History对象：

    后退页面：

    <p align="center">

        <a href="index.html">点击跳转</a>

    </p>

=======================================

<p align="center">

        <a href="#" onclick="javascript:history.back()">后退</a>

</p>

后退多页：onclick="javascript:history.back(4)"

================================================================================================

操作DOM对象：

 

相关资料：https://www.cnblogs.com/vmax-tam/p/4104304.html