前沿拓展：
ie 11
1、你需要看一下這些Zip壓縮文件是不是屬于
哪一個(gè)應(yīng)用程序。如果是在安裝目錄下的，最好謹(jǐn)慎對(duì)待。
2、可以雙擊看一下內(nèi)容，是你需要的就留下，不需要的就刪除。
3、即使不小心刪除了某一個(gè)Zip文件，因?yàn)镈盤為非系統(tǒng)文件，系統(tǒng)不會(huì)因此而崩潰，但有可能導(dǎo)致某一應(yīng)用程序因缺少文件而無法打開。
4、如果你一定要將其刪除，請(qǐng)先放入回收站，因?yàn)槿f(wàn)一出了問題，還可以將其恢復(fù)。
大家好，今天我們來花 1 分鐘來學(xué)習(xí) DOM 相關(guān)的基礎(chǔ)**作的第三部分，內(nèi)容雖然簡(jiǎn)單，但是還是有必要?dú)w納小編綜合來說的，希望這些整理對(duì)大家有所幫助。
1、檢測(cè)元素是否聚焦
假設(shè) ele 表示您要檢查它當(dāng)前是否具有焦點(diǎn)的元素：
const hasFocus = ele === document.activeElement;2、檢測(cè) Internet Explorer 瀏覽器const isIe = function () {
const ua = window.navigator.userAgent;
return ua.indexOf('MSIE') > -1 || ua.indexOf('Trident') > -1;};
我們也可以依賴 document.documentMode。該屬性表示文檔的文檔兼容模式，在 IE 5-11 中為整數(shù)。其他瀏覽器返回未定義。
const isIE = !!document.documentMode;3、檢測(cè) mac OS 瀏覽器
檢查當(dāng)前瀏覽器是否在 Mac 上運(yùn)行：
const i**acBrowser = /Mac|iPod|iPhone|iPad/.test(navigator.platform);4、檢測(cè)移動(dòng)瀏覽器
以下是檢查用戶是否從移動(dòng)瀏覽器瀏覽的幾種方法。
檢查瀏覽器是否支持pointer:coarse媒體查詢
const i**obile = function () {
const match = window.matchMedia('(pointer:coarse)');
return match && match.matches;};
我們不能依賴屏幕尺寸，因?yàn)橐苿?dòng)設(shè)備越來越大。
5、檢測(cè)暗黑模式
macOS、Windows 10 等現(xiàn)代**作系統(tǒng)允許用戶選擇他們希望在所有應(yīng)用程序中設(shè)置暗黑和明亮模式。
以下屏幕截圖取自 macOS 的常規(guī)設(shè)置的窗格：
可以通過查看 prefers-color-scheme 媒體查詢來檢測(cè)該選項(xiàng)。
它可以是以下值之一：
light：用戶希望在 light 模式下查看頁(yè)面dark：用戶希望在暗黑模式下查看頁(yè)面no-preference：系統(tǒng)不知道用戶的偏好
通過檢查這個(gè)媒體查詢值，我們可以確定用戶設(shè)置的系統(tǒng)模式：
const isDarkMode = window.matchMedia &&
window.matchMedia('(prefers-color-scheme: dark)').matches;6、確定元素的高度和寬度
假設(shè) ele 表示要計(jì)算大小的元素的 DOM。
// 獲取 styles
const styles = window.getComputedStyle(ele);
// 不包含 padding and border
const height = ele.clientHeight – parseFloat(styles.paddingTop) – parseFloat(styles.paddingBottom);
const width = ele.clientWidth – parseFloat(styles.paddingLeft) – parseFloat(styles.paddingRight);
// 只包含 padding
const clientHeight = ele.clientHeight;
const clientWidth = ele.clientWidth;
// 包含 padding and border
const offsetHeight = ele.offsetHeight;
const offsetWidth = ele.offsetWidth;
// 包含 padding, border and margin
const heightWithMargin = ele.offsetHeight + parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
const widthWithMargin = ele.offsetWidth + parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);小編綜合來說
由于時(shí)間原因，今天分享的 DOM 基礎(chǔ)**作專題就分享到這里，感謝你的閱讀，如果你喜歡我的分享，別忘了點(diǎn)贊轉(zhuǎn)發(fā)，讓更多的人看到，最后別忘記點(diǎn)個(gè)關(guān)注，你的支持將是我分享最大的動(dòng)力，后續(xù)我會(huì)持續(xù)輸出更多內(nèi)容，敬請(qǐng)期待。
來源：https://github.com/1milligram/html-dom
推薦閱讀
1 分鐘學(xué) 6 個(gè)常見的 DOM 基礎(chǔ)**作（一）
1 分鐘學(xué) 6 個(gè)常見的 DOM 基礎(chǔ)**作（二）
拓展知識(shí)：
原創(chuàng)文章，作者：九賢生活小編，如若轉(zhuǎn)載，請(qǐng)注明出處：http://xiesong.cn/27301.html
相關(guān)推薦
-
shutdown.exe
前沿拓展： 今天小白系統(tǒng)跟大伙盤點(diǎn)下Win10超實(shí)用功能到底有哪些？幫助大伙提高工作效率的同時(shí)學(xué)習(xí)新的技巧，讓你自身工作能力提升，從而升職加薪，當(dāng)上總經(jīng)理，出任CEO，迎娶白富美，…
-
?？礽p win10，海康ipwin10的特點(diǎn)你知道嗎
什么是?？礽pwin10？ ?？低暿菄?guó)內(nèi)知名的視頻**設(shè)備生產(chǎn)廠家之一，其推出了基于MicrosoftWindows平臺(tái)的IP攝像頭，即?？礽pwin10。這個(gè)產(chǎn)品是?？低暤母?#8230;
-
索尼官網(wǎng)售后服務(wù)電話(索尼官網(wǎng)headphones)
索尼官網(wǎng)售后服務(wù)電話(索尼官網(wǎng)headphones) 索尼電視售后服務(wù)官網(wǎng)？ 。索尼是一家業(yè)務(wù)涉及電子、娛樂、金融等行業(yè)的跨國(guó)企業(yè)，由井深大、盛田昭夫于1946年5月創(chuàng)立，總部位于…
-
聯(lián)想手機(jī)專賣店查詢(聯(lián)想指定專賣店查詢)
聯(lián)想手機(jī)專賣店查詢(聯(lián)想指定專賣店查詢) 老鐵們好啊，今天小編給大家分享下我們?cè)谑褂秒娔X過程中會(huì)遇到的一些問題故障該如何處理，熱門電腦游戲需求配置，電腦使用的一些小技巧 聯(lián)想新平板…
-
win10服裝模式(開啟服裝模式)
前沿拓展： win10服裝模式 所謂的服裝解鎖補(bǔ)丁就是那個(gè)OPTION文件啊，別人正版解鎖來自了東西的OPTION文件發(fā)給你，你就可以有那些體解鎖的服裝以及達(dá)芬奇的DLC了，不過里…
-
i74790k內(nèi)存(i74790k內(nèi)存2400支持嗎)
介紹i7 4790k處理器 i7 4790k處理器，是一款由英特爾公司推出的桌面級(jí)處理器。該處理器采用了22nm工藝，并擁有四核心八線程的設(shè)計(jì)，集成了Intel HD Graphi…
-
英特爾高清顯卡4400怎么樣，英特爾高清顯卡4400的性能詳解
英特爾高清顯卡4400是怎樣一款顯卡？ 英特爾高清顯卡4400是一款集成顯卡，屬于英特爾第四代酷睿處理器平臺(tái)的顯卡。它采用了IntelHDGraphics架構(gòu)，并被廣泛應(yīng)用于筆記本…
-
戴爾最好的筆記本(戴爾目前最好的筆記本)
戴爾最好的筆記本 今年，戴爾為內(nèi)容創(chuàng)作者推出了全新的靈越14 Plus 7420，該系列筆記本集強(qiáng)大的硬核、輕薄的機(jī)身以及優(yōu)秀的顏值于一身，堪稱輕薄型創(chuàng)作本市場(chǎng)上的實(shí)力派新品。 1…
-
2g集成顯卡3d制圖(cad制圖集成顯卡可用嗎)
什么是2G集成顯卡3D制圖？ 2G集成顯卡3D制圖是一種通過集成顯卡的方式，在低成本的情況下，實(shí)現(xiàn)高性能的3D圖形制作技術(shù)。這種技術(shù)通常使用當(dāng)今最流行的計(jì)算機(jī)圖形制作軟件，如May…
-
16寸筆記本電腦(16寸筆記本電腦多重)
16寸筆記本電腦(16寸筆記本電腦多重) 老鐵們好啊，今天小編給大家分享下我們?cè)谑褂秒娔X過程中會(huì)遇到的一些問題故障該如何處理，熱門電腦游戲需求配置，電腦使用的一些小技巧 AOC的主…