前沿拓展：
ie 11
1、你需要看一下這些Zip壓縮文件是不是屬于
哪一個(gè)應(yīng)用程序。如果是在安裝目錄下的，最好謹(jǐn)慎對(duì)待。
2、可以雙擊看一下內(nèi)容，是你需要的就留下，不需要的就刪除。
3、即使不小心刪除了某一個(gè)Zip文件，因?yàn)镈盤(pán)為非系統(tǒng)文件，系統(tǒng)不會(huì)因此而崩潰，但有可能導(dǎo)致某一應(yīng)用程序因缺少文件而無(wú)法打開(kāi)。
4、如果你一定要將其刪除，請(qǐng)先放入回收站，因?yàn)槿f(wàn)一出了問(wèn)題，還可以將其恢復(fù)。
大家好，今天我們來(lái)花 1 分鐘來(lái)學(xué)習(xí) DOM 相關(guān)的基礎(chǔ)**作的第三部分，內(nèi)容雖然簡(jiǎn)單，但是還是有必要?dú)w納小編綜合來(lái)說(shuō)的，希望這些整理對(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è)備越來(lái)越大。
5、檢測(cè)暗黑模式
macOS、Windows 10 等現(xiàn)代**作系統(tǒng)允許用戶選擇他們希望在所有應(yīng)用程序中設(shè)置暗黑和明亮模式。
以下屏幕截圖取自 macOS 的常規(guī)設(shè)置的窗格：
可以通過(guò)查看 prefers-color-scheme 媒體查詢來(lái)檢測(cè)該選項(xiàng)。
它可以是以下值之一：
light：用戶希望在 light 模式下查看頁(yè)面dark：用戶希望在暗黑模式下查看頁(yè)面no-preference：系統(tǒng)不知道用戶的偏好
通過(guò)檢查這個(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);小編綜合來(lái)說(shuō)
由于時(shí)間原因，今天分享的 DOM 基礎(chǔ)**作專(zhuān)題就分享到這里，感謝你的閱讀，如果你喜歡我的分享，別忘了點(diǎn)贊轉(zhuǎn)發(fā)，讓更多的人看到，最后別忘記點(diǎn)個(gè)關(guān)注，你的支持將是我分享最大的動(dòng)力，后續(xù)我會(huì)持續(xù)輸出更多內(nèi)容，敬請(qǐng)期待。
來(lái)源：https://github.com/1milligram/html-dom
推薦閱讀
1 分鐘學(xué) 6 個(gè)常見(jiàn)的 DOM 基礎(chǔ)**作（一）
1 分鐘學(xué) 6 個(gè)常見(jiàn)的 DOM 基礎(chǔ)**作（二）
拓展知識(shí)：
原創(chuàng)文章，作者：九賢生活小編，如若轉(zhuǎn)載，請(qǐng)注明出處：http://m.cxzzxj.cn/27301.html
相關(guān)推薦
-
電腦主板最大板尺寸(電腦主板最大尺寸是多少)
什么是電腦主板 電腦主板是一種位于電腦內(nèi)部的基本硬件部件。它作為一種電路板，負(fù)責(zé)將各種不同的電子器件連接到一起，使得它們可以與處理器協(xié)同工作。主板具有不同類(lèi)型的插槽和孔，使得用戶可…
-
matlab官方下載(matlab app下載)
前沿拓展： matlab官方下載 網(wǎng)絡(luò)異常。1、m負(fù)松atlab2022a是最新出的一款功能強(qiáng)大的專(zhuān)業(yè)的數(shù)學(xué)計(jì)算變 糖尿病性視網(wǎng)膜病變 (DR) 是導(dǎo)致失明的一大元兇，全世界有 9…
-
win10正在重啟中(win10 正在重啟)
前沿拓展： win10正在重啟中 你好，我是【王開(kāi)心看影視】，很高興為你解答。建議進(jìn)安全模式進(jìn)行診斷啟動(dòng)。1、進(jìn)入安全模式開(kāi)機(jī)出現(xiàn)畫(huà)面，按住開(kāi)機(jī)鍵關(guān)機(jī)，連續(xù)三次，直到開(kāi)機(jī)出現(xiàn)修復(fù)界…
-
2016年電腦游戲高配(2016年最火的電腦游戲)
2016年電腦游戲高配(2016年最火的電腦游戲) 老鐵們好啊，今天小編給大家分享下我們?cè)谑褂秒娔X和筆記本電腦過(guò)程中會(huì)遇到的一些問(wèn)題故障該如何處理，電腦使用的一些小技巧等內(nèi)容 20…
-
半島鐵盒n500怎么樣，半島鐵盒n500的優(yōu)缺點(diǎn)分析
半島鐵盒n500是一款備受好評(píng)的便攜式音頻播放器，究竟它有什么優(yōu)缺點(diǎn)？接下來(lái)我們就來(lái)一一分析。 半島鐵盒n500的音質(zhì)如何？ 半島鐵盒n500采用了高性能芯片，并且支持多種音頻格式…
-
華碩筆記本驅(qū)動(dòng)軟件，華碩筆記本觸摸板驅(qū)動(dòng)
華碩筆記本驅(qū)動(dòng)軟件，華碩筆記本觸摸板驅(qū)動(dòng) 各位老鐵們，大家好，今天由我來(lái)為大家分享華碩筆記本驅(qū)動(dòng)軟件，華碩筆記本觸摸板驅(qū)動(dòng)，以及華碩筆記本驅(qū)動(dòng)軟件，華碩筆記本觸摸板驅(qū)動(dòng)的相關(guān)問(wèn)題知…
-
為什么電腦網(wǎng)頁(yè)聯(lián)網(wǎng)卻不能使用，電腦網(wǎng)頁(yè)無(wú)法聯(lián)網(wǎng)原因分析
在日常生活中，我們使用電腦經(jīng)常會(huì)遇到無(wú)法聯(lián)網(wǎng)的情況，特別是打開(kāi)網(wǎng)頁(yè)卻發(fā)現(xiàn)無(wú)法訪問(wèn)，這種情況往往會(huì)讓人感到焦急和不安。那么造成電腦無(wú)法聯(lián)網(wǎng)的原因是什么呢？ 網(wǎng)絡(luò)故障是造成電腦無(wú)法聯(lián)網(wǎng)…
-
聯(lián)想e470一鍵恢復(fù)按哪個(gè)鍵(聯(lián)想e470筆記本是哪一年出的)
大家好，今天小編來(lái)為大家解答聯(lián)想e470一鍵恢復(fù)按哪個(gè)鍵(聯(lián)想e470筆記本是哪一年出的)這個(gè)問(wèn)題，聯(lián)想e470一鍵恢復(fù)按哪個(gè)鍵(聯(lián)想e470筆記本是哪一年出的)很多人還不知道，現(xiàn)在讓我們一起來(lái)看看吧！聯(lián)想筆記本電腦電池修復(fù)方法聯(lián)想筆記本電腦電池一旦出現(xiàn)故障，不僅會(huì)影響電腦的工作效率，還會(huì)造成不可挽回的損失。那么聯(lián)想筆記本電腦電池故障維修方法有哪些呢?筆記本電源管
-
2000左右筆記本電腦性價(jià)比排行(2000元左右性價(jià)比高的筆記本電腦)
2000左右筆記本電腦性價(jià)比排行(2000元左右性價(jià)比高的筆記本電腦) 老鐵們好啊，今天小編給大家解決電腦和筆記本電腦常見(jiàn)的問(wèn)題和故障及其處理辦法 3500到4000筆記本電腦推薦…
-
怎么裝內(nèi)存條(vm510L怎么裝內(nèi)存條)
怎么裝內(nèi)存條(vm510L怎么裝內(nèi)存條) 老鐵們好啊，今天小編給大家分享下我們?cè)谑褂秒娔X過(guò)程中會(huì)遇到的一些問(wèn)題故障該如何處理，熱門(mén)電腦游戲需求配置，電腦使用的一些小技巧 什么是DD…