BOW/DOM(上)

来源:https://www.cnblogs.com/wpdh/archive/2022/07/31/16531699.html
-Advertisement-
Play Games

BOM 原生對象:成為js中的內置對象,就是由 js 中的構造函數創建的對象就被稱為原生對象:Object、Number、Array、Date、String。。。。 宿主對象:web運行環境,也就是windows操作系統和瀏覽器這些被稱為宿主,有這些宿主提供的對象,就叫宿主對象。 *BOM:瀏覽器對 ...


BOM

  1. 原生對象:成為js中的內置對象,就是由 js 中的構造函數創建的對象就被稱為原生對象:Object、Number、Array、Date、String。。。。
  2. 宿主對象:web運行環境,也就是windows操作系統和瀏覽器這些被稱為宿主,有這些宿主提供的對象,就叫宿主對象。
  3. *BOM:瀏覽器對象模型,專門用來操作瀏覽器中的功能使用 在BOM中最頂層的對象就是window對象,window對象是瀏覽器中內置對象,裡面包含了操作瀏覽器的方法和屬性 window中常用的方法和屬性: innerHeight、innerWidth:專門用來設置瀏覽器視窗的尺寸,例:↓
     1 <p id="demo">顯示視窗的高度和寬度(不包括工具欄和滾動條). .</p>
     2 <button onclick="myFunction()">點我</button>
     3 <script>
     4 function myFunction(){
     5     var w=window.innerWidth;
     6     var h=window.innerHeight;
     7     x=document.getElementById("demo");
     8     x.innerHTML="Width: " + w + " Heigth: " + h;
     9 }
    10 </script>
         alert():彈出框 定義和用法:alert() 方法用於顯示帶有一條指定消息和一個 確認 按鈕的警告框。 語法:alert(message) 例:↓  <script> function myFunction(){     alert("你好,我是一個警告框!"); } </script>

     

     prompt():輸入框

    語法:prompt(msg,defaultText)

    msg 可選。要在對話框中顯示的純文本(而不是 HTML 格式的文本)。
    defaultText 可選。預設的輸入文本。

    例:↓

    var person=prompt("請輸入你的名字","Harry Potter");

     

     confirm():確認框 定義和用法:confirm()方法用於顯示一個帶有指定消息和確認及取消按鈕的對話框。

    如果訪問者點擊"確定",此方法返回true,否則返回false。

    語法:confirm(message)

    例:↓

     var r=confirm("按下按鈕!"); console.log(r)

     

     open(文件地址,視窗名稱,視窗特征,是否替換):創建新視窗  註:當前open方法中沒有設置視窗名稱時,一旦創建新視窗,瀏覽器會預設給每個新視窗設置一個不同的名稱,這樣就操作每次都創建一個新視窗;  如果給新視窗設置了名稱,那麼每次創建的時候就回去瀏覽器中查找該視窗名稱是否存在,如果存在,則直接拿來使用,如果不存在,則創建新視窗    close():關閉視窗  關閉當前視窗:window.close()  關閉指定視窗:視窗名稱.close()   screenX、screenY和screenLeft、screenTop:獲取當前視窗相對於屏幕的坐標 例:↓  //獲取當前視窗相對於屏幕的坐標         var x1=window.screenX         var y1=window.screenY
            var x2=window.screenLeft         var y2=window.screenTop         console.log(x1,y1,x2,y2)   location對象:專門用來操作瀏覽器的地址欄信息        href:操作瀏覽器中的地址    例↓             //獲取瀏覽器中的地址 var url1 = location.href             console.log(url1)             //設置跳轉地址             location.href = "./01.作業1.html"             location = "./01.作業1.html"             location.assign("./01.作業1.html")        host:主機名和埠號      hostname:主機名      reload():重新載入當前頁面   例:↓  // 重新載入當前頁面(刷新)             location.reload()          search():瀏覽器中的參數信息      assgin():操作瀏覽器的地址  var url1 = location.href             console.log(url1)             // 設置跳轉地址             location.href = "./01.作業1.html"             location = "./01.作業1.html"             location.assign("./01.作業1.html")    

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 視頻地址:https://learning.dcloud.io/#/?vid=0 開發工具:XbuilderX 官方教程:https://cn.vuejs.org/v2/guide/ 序言 Vue.js :漸進式JavaScript框架 Vue.js優點 1.體積小 壓縮後33K; 2.更高的運行效 ...
  • 1.shift+alt+f 格式化代碼(vscode) 2.css的複合選擇器 後代選擇器:選後代(不一定是兒子) 空格隔開 如ol li{樣式聲明} 更好地選擇想要的標簽 也可以用class表示 如 .nav.li.a 子選擇器 >親兒子 並集選擇器 逗號 div,p{樣式聲明} 最後一個選擇器 ...
  • Javascript基礎Day4 函數(下) 作用域(重點) 什麼是作用域,就是一個變數可以生效的範圍 變數不是在所有地方都可以使用的,而這個變數的使用範圍就是作用域 全局作用域 整個頁面起作用,在<script>內都能訪問到; 在全局作用域中有全局對象window,代表一個瀏覽器視窗,由瀏覽器創建 ...
  • Javascript基礎Day3 1、迴圈:重覆執行代碼 特征:有規律性的重覆執行相似代碼 為什麼要使用迴圈? 主要是為了減少頁面代碼 for迴圈: 語法: for(表達式1;表達式2;表達式3){ 代碼 } 表達式1:初始值,定義在for迴圈中需要用的變數 表達式2:判斷條件,判斷初始值是否滿足該 ...
  • Javascript基礎Day2 1、***自增自減運算符: ++、-- ++或--在變數之前時,先給當前變數做加1或減1的操作,然後在把計算結果做其他操作; ++或--在變數之後時,先拿當前變數去做其他操作,然後在給該變數做加1或減1的操作; 2、進位:也稱為進位計數制,常見的進位有二進位,八進位 ...
  • 1 Vite項目目錄 用Vscode打開創建的項目,看到下麵的目錄結構: 通過運行 npm install 初始化項目後生成兩個初始化文件:node_modules和 package-lock.json 2 SFC 語法規範 *.vue 件都由三種類型的頂層語法塊所組成:<template>、<sc ...
  • Javascript基礎Day1 1、js的書寫位置: 行內式(不推薦): 情況1: <div onclick="alert(123)">hello</div> <p onclick="alert(123)">hello</p> 情況2: <a href="javascript:alert(4567 ...
  • 1.安裝nodejs(建議最新版本) 下載地址:下載 | Node.js 中文網 在安裝的過程中建議不要裝在C盤,安裝完成配置環境變數,並且建議講緩存路徑更改。 安裝完成後通過查看nodejs版本和npm版本,在終端輸入 npm --version 和node --version,如下圖所示: 2. ...
一周排行
    -Advertisement-
    Play Games
  • 一、引言:什麼是 JSON JSON (Java Script Object Notation) 是一種很常用的數據格式,它常常用在 web 應用程式中。它可以表示結構化的數據。 下麵是常見的 JSON 文件結構 { "name": "Kamishiro Rize", "age": "22", "o ...
  • 前言 大家好,我是蝸牛,在上一篇中,我們介紹了不同版本的HTTP區別和發展背景,這篇文章我們來聊聊HTTP的缺點,HTTP缺點大致總結有以下三點: 通信使用明文(不加密),內容可能會被竊聽。 不驗證通信方的身份,因此有可能遭遇偽裝(客戶端和服務端都有可能) 無法證明報文的完整性,有可能會被篡改。 其 ...
  • resultMap處理欄位和屬性的映射關係 如果欄位名與實體類中的屬性名不一致,該如何處理映射關係? 第一種方法:為查詢的欄位設置別名,和屬性名保持一致 下麵是實體類中的屬性名: private Integer empId; private String empName; private Integ ...
  • 大家在看到這篇文章前,為了有一個舒適的c++IDE,一定感受到了Dev-c++的廉價感,Clion功能的多餘,VS的臃腫。他們也有自己的優點,但糟點太多,令人十分難受。而VS Code,可以取長補短。下麵的配置內容,可以讓你在刷題時,享受絲滑的動畫,體會集成終端的方便,讓你覺得Coding不再枯燥。 ...
  • 給定一個不含重覆數字的數組 nums ,返回其 所有可能的全排列 。你可以 按任意順序 返回答案。 示例 1: 輸入:nums = [1,2,3] 輸出:[[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,1]] 示例 2: 輸入:nums = [0,1] 輸 ...
  • 設計模式的目的 編寫軟體過程中,程式員面臨著來自 耦合性,內聚性以及可維護性,可擴展性,重用性,靈活性 等多方面的 挑戰,設計模式是為了讓程式(軟體),具有更好 代碼重用性 (即:相同功能的代碼,不用多次編寫) 可讀性 (即:編程規範性, 便於其他程式員的閱讀和理解) 可擴展性 (即:當需要增加新的 ...
  • 本文講解了決策樹的創鍵的過程,包括熵,信息增益的計算,還有決策樹的創建,以及使用matplotlib讓決策樹可視化的詳細過程 ...
  • ♠ use C++11 倍數 若 $a,b,k \in \mathbb N$,且 $a \times k=b$,那麼 $b$ 是 $a$ 的倍數,稱 $a$ 整除 $b$,記作 $a \mid b$。 $[1,n]\in \mathbb N$ 中 $x \in \mathbb N$ 的倍數有 $\l ...
  • LinkList可以定義指向List的指針 1.當函數參數為LinkList L時,意味著只改變或操作List的內容,而不需要改變L這個指針 如 Status GetElem(LinkList L,int i,ElemType) 2.當參數為LinkList &L時,意味著需要改變或操作L這個指針本 ...
  • Spring 5框架 一、Spring概念 1、Spring是輕量級的JavaEE框架 2、Spring可以解決企業應用開發的複雜性 3、Spring有兩個核心部分:IOC和AOP ​ 1)IOC:控制反轉,把創建對象過程交給Spring進行管理 ​ 2)AOP:面向切麵,不修改源代碼進行功能增強 ...