JavaScript零基礎入門—JavaScript的BOM
其實,我們日常開發中,如果不是做前端架構,一般情況下,對BOM的操作其實並不會太多,當然,H5的話也可以藉助BOM來定位和判斷網絡,這個以後再說。
對於BOM的操作,我們常用的有Location、Navigator、History和彈窗,我們分別來說一下。
- Location
window.location通常是用來獲取或重定向當前窗口的頁面網址,即URL,常用的屬性有以下幾個:
location.href:獲取頁面網址,也就是地址欄上的地址;
location.hostname:獲取web主機域名,例如www.xxx.com;
location.port:獲取端口號;
location.pathname:獲取當前頁面的路徑和文件名;
location.protocol:返回當前頁面所使用的web協議(file、http、https等)。
- Navigator
window.navigator通常是用來獲取訪問者瀏覽器的相關信息,主要屬性如下:
navigator.platform:獲取運行瀏覽器的操作系統平臺;
navigator.userAgent:獲取由客戶機發送服務器的 user-agent 頭部的值;
navigator.appVersion:獲取瀏覽器的平臺和版本信息
- History
window.history通常用來獲取瀏覽器的瀏覽歷史,常用屬性主要如下:
history.forward():瀏覽器歷史前進,與點擊瀏覽器前進按鈕一樣;
history.back():瀏覽器歷史後退,與點擊瀏覽器後退按鈕一樣。
- 彈窗
在JavaScript中,可以創建三種消息框:警告框、確認框、提示框。
警告框(alert)經常用於確保用戶可以得到某些信息。當警告框出現後,用戶需要點擊確定按鈕才能繼續進行操作。
確認框通常用於驗證是否接受用戶操作。當確認卡彈出時,用戶可以點擊 "確認" 或者 "取消" 來確定用戶操作。當你點擊 "確認",確認框返回 true, 如果點擊 "取消", 確認框返回 false。
提示框經常用於提示用戶在進入頁面前輸入某個值。當提示框出現後,用戶需要輸入某個值,然後點擊確認或取消按鈕才能繼續操縱。如果用戶點擊確認,那麼返回值為輸入的值。如果用戶點擊取消,那麼返回值為 null。
相關推薦
'前端設計- JavaScript驗證碼製作及實例分析'
"在網頁設計中,尤其表單填寫提交過程中,為防止機器自動登錄,很多網頁都採用驗證碼技術,允許用戶輸入而儘量避免自動登錄。驗證碼實現的方法有很多,PHP繪圖技術可以在服務端生成驗證碼併發送客戶端,HTML5技術下可以使用canvas與JS腳本實現在客戶端瀏覽器自動生成驗證碼。本...
'京東前端工程師:10個JavaScript難點+最新JavaScript視頻教程'
"1. 立即執行函數立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:立即執行函數function(){…}是一個匿名函數,包圍...
'IT大牛彙總前端開發 JavaScript 乾貨知識點'
"很多初學的朋友經常問我,前端JavaScript都需要學習哪些東西呀?哪些是JavaScript的重點知識啊?其實做前端開發工程師,所有的知識點都是我們學習必備的東西,只有紮實的技術基礎才是高薪的關鍵!不過JavaScript的知識點比較多,一篇文章的內容沒辦法講完。今天...
'清華IT流出的10個JavaScript難點+最新JavaScript視頻教程'
"1. 立即執行函數立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:立即執行函數function(){…}是一個匿名函數,包圍...
'JavaScript中函數表達式和自執行函數表達式的用法'
"JavaScript是每個前端人員必須要掌握的知識點,在日常代碼中,我們經常都會用到自執行函數表達式。今天要給大家分享的就是JavaScript中函數表達式和自執行函數表達式的用法。立即調用函數表達式 給函數體加大括號,在有變量聲明的情形下,沒有任何區別 但是,如果只是【...
JavaScript
2019-09-06
'官方:JavaScript可以混前端,太爽了'
"最近不少同學都問我這麼個問題,不會JavaScript能混前端麼?能拿到高薪麼?為什麼這麼說呢,理由很簡單1)有很多企業不注重前端開發,當然也就不會給你高薪了,這樣的企業以小企業居多。他們一般對前端開發的認識很片面,認為前端開發就是做頁面,甚至認為是美工工作的一部分,這種...
'javascript核心之DOM操作'
"JS一個重要功能就是操作DOM, 改變頁面顯示。目錄:1、基本概念2、節點類型3、節點關係4、節點操作基本概念DOM全稱為Document Object Model ,即文檔對象模型,是針對HTML和XML的一個API, 描繪了一個層次化的節點樹,可以添加、移除和修改頁面...
'10個JavaScript調試技巧,幫你更好、更快地調試代碼'
"調試技巧,在任何一項技術研發中都可謂是必不可少的技能。掌握各種調試技巧,必定能在工作中起到事半功倍的效果。譬如,快速定位問題、降低故障概率、幫助分析邏輯錯誤等等。而在互聯網前端開發越來越重要的今天,如何在前端開發中降低開發成本,提升工作效率,掌握前端開發調試技巧尤為重要。...
'小白入門Python必讀,花7天整理最詳細的面向對象案例,超讚'
"Python作為人工智能首選編程語言,也是最近大家知道比較火的編程語言,Python從設計之初就已經是一門面向對象的語言,正因為如此,在Python中創建一個類和對象是很容易的。下面有大牛級別程序員帶小白入門Python,花7天整理最全面向對象教程!供參考學習!在文末小編...
'JavaScript快速筆記'
"1. 基本概念VAR CONST 和LET在ES6出現之前,用var來聲明變量,如果不小心忘記了var而直接定義變量的話,變量會自動成為全局變量從而可能汙染整個項目。const 和let是在ES6之後出現的,const用來定義常量而let用來定義局部變量。有趣的是cons...
推薦中...