Python項目-Day36-js-正則表達式-BOM-DOM

Python項目-Day36-js-正則表達式-BOM-DOM

1. javascript正則表達式

   • 格式:

     var pattern=/abc/i
     //abc是正則表達式主體,i是一個修飾符,表示不區分大小寫,g表示全局搜索

   • 正則表達式修飾符

     修飾符	描述
     i	不區分大小寫
     g	執行全局匹配
     m	執行多行匹配

   • 使用字符串方法

     1. search()方法

        用於檢索字符串中指定的子字符串,或檢索與正則表達式相匹配的子字符串,並返回子串的起始位置

        var str='hello China'
        var n=str.search(/chi/i);
        //輸出結果爲6
        

     2. replace()方法

        str='abchello';
        str.replace('hello','deg');
        //str變爲'abcedg'
        

   • 使用RegExp對象

     1. test()方法

        用戶檢測字符串是否匹配正則表達式規則

        var patt=/e/
        patt.test('the best')
        //結果爲true
        

     2. exec()方法

        用於檢索字符串中的正則表達式的匹配

        /e/.exec(‘the best’);
        //輸出爲e

2. BOM

   BOM是瀏覽器對象類型，DOM是文檔對象類型，在JavaScript中，DOM可以理解爲是BOM中Document

   1. 常用的方法

      • close()

        關閉瀏覽器窗口

      • open()打開一個新的瀏覽器窗口，加載給定的URL

        window.open(“彈出窗口的url”,”窗口名稱”,”窗口特徵”)

        例如：

        window.open('https://www.baidu.com','_blank','width=600,height=400,top=100px,left=0px')
        
        
        window對象中常用的方法包括:
        alert(text) 創建一個警告對話框，顯示一條信息
        blur() 將焦點從窗口移除
        clearInterval(interval) 清除之前設置的定時器間隔
        clearTimeOut(timer) 清除之前設置的超時
        close() 關閉窗口
        confirm() 創建一個需要用戶確認的對話框
        focus() 將焦點移至窗口
        open(url,name,[options]) 打開一個新窗口並返回新window 對象
        prompt(text,defaultInput) 創建一個對話框要求用戶輸入信息
        scroll(x,y) 在窗口中滾動到一個像素點的位置
        setInterval(expression,mill
        iseconds)
        經過指定時間間隔計算一個表達式
        setInterval(function,millis
        enconds,[arguments])
        經過指定時間間隔後調用一個函數
        setTimeout(expression,milli
        seconds)
        在定時器超過後計算一個表達式
        setTimeout(expression,milli
        seconds,[arguments])
        在定時器超過時後計算一個函數
        moveBy()把當前窗口移動指定的像素距離
        moveTo（）把窗口的左上角移動到制定的座標
        

   2. 常用的事件

      名稱	說明
      onload	一個頁面或一副圖像加載完成
      onresize	窗口尺寸大小發生變化時觸發
      onunload	離開頁面時觸發的事件

   3. setTimeout（）和setInterval（）

      • setTimeout（）

        間隔幾秒再觸發事件（執行一次）

        例如：

         setTimeout(function () {
                   alert(1)
               },2000)
        //間隔兩秒彈出彈窗
        

      • setInterval（）

        每隔幾秒執行一次事件

        setInterval(function () {
                   alert(1)
               },2000)
        
        //每隔幾秒就執行一次彈窗
        

      • clearTimeout()和setInterval清除定時器

詳細的BOM對象