JavaScript-CSDN博客

本文链接：https://blog.csdn.net/qq_42378434/article/details/89301960

ECMAScript:
	Function:函数（方法）对象
        1.创建：
            1，var fun= new Function(形式参数列表，方法体）
            2.function 方法名称(形式参数列表){
                方法体
            }
            3.var 方法名=function(){

            }
        2.方法
        3.属性
            length:形参个数
        4.特点
            1.方法定义时，形参的类型可省略,返回值类型也不写
            2.方法是一个对象，创建相同方法时，会导致覆写
            3.方法调用，只与名称有关，与参数列表无关
            4.在方法声明中，有一个隐藏内置对象(数组),arguments,封装所有实际参数
        5.调用
            方法名称（实际参数列表）
     */

 		Array:数组对象
            1.创建
                1.var arr=new Array(元素列表)
                2.var arr=new Array(默认长度)
                3.var arr=[元素列表]
            2.方法
                join(参数):将数组中的元素按照指定分隔符拼接为字符串
                push() 向数组的末尾添加一个或更多的元素，并返回新的长度
            3.属性
                length:数组的长度
            4.特点
                1,JS中，数组元素类型可变
                2.JS中，数组长度可变

        Date:日期对象
            1.创建：
                var date=new Date();
            2.方法:
                toLocalString():返回当前date对象对应的时间本地字符串格式
                getTime():获取毫秒值,返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差
        Math:对象
                1.创建：
                    特点:Math对象不用创建，直接使用  Math.方法名();
                2.方法:
                    random():返回0~1之间的随机数,含0
                    ceil(x):对数进行上舍入
                    floor(x):对数进行下舍入
                    round(x):把数四舍五入为最接近的整数
                3.属性
                    PI(圆周率)

        RegExp正则表达式对象：
           1.正则表达式：定义字符串的组成规则；
                1.单个字符:[]
                    [a] [ab] [a-zA-Z0-9_]
                 2.特殊符号表示特殊含义的单个字符
                    \d:单个数字字符[0-9]
                    \w:单个单词字符[a-zA-Z0-9]
                 3.量词符号：
                    ?:表示出现0次或1次
                    *:表示出现0次或多次
                    +:表示出现1次或多次
                   {m,n}:表示m<=数量<=n
                   {m,}最少出现m次
                   {,n}最多出现n次
                 4.开始结束符号
                    ^:开始
                    $:结束

           2.正则表达式创建
                var reg=new RegExp("正则表达式");
                var reg=/正则表达式/;

           3.方法
                test(参数):验证指定的字符串是否符合正则定义的规范

      global对象：
            特点：
                全局对象，Global对象中封装的方法不需要对象就可以直接调用   方法名();
                方法:
                    encodeURI():url编码
                    decodeURI():url解码

                    encodeURIComponent():url编码,编码字符更多
                    encodeURIComponent():url解码

                    parseInt():将字符串转为数字
                        注意判断每一个字符是否为数字，直到不是数字时为止，将前边数字部分转为number

                   isNaN():判断一个值是否是NaN;
                        NaN==NaN//返回值为false;
                   eval():
                        自动解析JavaScript字符串，并将其作为脚本代码执行
                URL编码:
     */

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        /*
        BOM:Browser Object Model 浏览器对象模型
        将浏览器的各个组成部分封装成对象

        组成 :
            Window:窗口对象
            Navigator:浏览器对象
            Screen:显示器屏幕对象
            History:历史记录对象
            Location:地址栏对象
       3.Window:窗口对象
            1.创建
            2.方法
                1.与弹出框有关方法;
                    alert() 显示带有一段消息和一个确认按钮的警告框
                    confirm() 显示带有一段消息以及确认按钮的警告框
                        *如果用户点击确定按钮,方法返回true;
                        *如果用户点击取消按钮,方法返回false;
                    prompt() 显示可提取用户输入的对话框
                         返回值:获取输入的值
                2.与打开关闭有关的方法:
                    close() 关闭浏览器窗口
                          关闭调用对象的窗口
                    open() 打开一个新的窗口
                          返回新的window对象
                3.与定时器有关的方式
                    setTimeout() 在指定的毫秒数后调用函数或计算表达式
                        参数:
                            1.js代码或者方法对象
                            2.毫秒值
                        返回值：唯一标识，用于取消定时器
                    clearTimeout() 取消由setTimeout()方法设置的timeout
                    setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式
                    clearInterval()取消由setInterval()设置的timeout;
           3.属性
                1.获取其他BOM对象
                    history
                    location
                    Navigator
                    Screen
                2.获取DOM对象
                    document
           4.特点:
                window对象不需要创建可以直接使用window. window.方法名();
                window引用可以省略。方法名();

      4.Location:地址栏对象
              1.创建（获取）
                    1.window.location
                    2.location
              2.方法:
                    reload() 重新加载当前文档，刷新
              3.属性
                    href 设置或返回完整url

      5.History:历史记录对象
            1.创建
               window.history
               history
            2.方法
               back()  加载history列表中的前一个url
               forward() 加载history列表中的下一个url
               go(参数) 加载history列表中的某个具体页面
                    参数:
                        正数:前进几个历史记录
                        负数:后退几个历史记录
            3.属性
                length()  返回当前窗口历史列表中的URL数量
         */

        // var flag=confirm("Are you sure to exit?");
        // alert(flag);
    </script>
</head>
<body>
    <input id="button" type="button" value="打开窗口">
    <input id="closeButton" type="button" value="关闭窗口">



<script>
    var buttonopen=document.getElementById("button");
    var url;
    buttonopen.onclick=function(){
        url=open("https://www.baidu.com");
    }

    var buttonClose=document.getElementById("closeButton");
    buttonClose.onclick=function(){
        url.close();
    }
    // var id=setTimeout(fun(),5000);
    // id.clearTimeout();
    function fun(){
        alert("boom......")
    }

</script>
</body>
</html>