著Win11的推出，現在換上新系統的人已經不在少數，新系統各方面的功能都有所改進，但有些網友發現，Win11在修改默認瀏覽器的操作上做了種種限制。剛開始安裝好系統首次運行時會先讓用戶選擇一個瀏覽器作為默認瀏覽器，可你一旦選擇好，以后再想修改可就不容易了。但對于自家的Edge瀏覽器卻是雙重標準。今天就教大家如何手動修改Win11的默認瀏覽器

以Chrome谷歌瀏覽器為例，先按下win+l組合鍵，在彈出的界面里選擇“APPS”（應用程序），再選擇右側的“Default apps”（默認應用程序）。

在“搜索應用程序”中，輸入當前Win11系統里默認瀏覽器的名字

然后就會看到一個文件擴展名的列表，包括html、php、svg等，依次把每個擴展名的默認值都變成自己想要的Chrome瀏覽器，這個列表比較多，大概有30多個。

都改好后重啟系統，Win11的默認瀏覽器就變成你自己設定的了。再插一句：如果你習慣用火狐瀏覽器，那就有福了，不需要上面這么麻煩，因為火狐工程師逆向破解了微軟的限制，在瀏覽器里可以一鍵設置成默認瀏覽器。

今天的小技巧就介紹到這里，如果本文給您帶來了幫助，歡迎點贊收藏并轉發！

言

在現代Web開發中，JavaScript（JS）扮演著至關重要的角色，它使網頁具備了動態交互的能力。通過JS，開發者能夠實時地改變頁面的布局、樣式以及內容，極大地提升了用戶體驗。本文將聚焦于如何使用JS來修改文檔對象模型（DOM）中的元素樣式和屬性，通過具體的示例和深入的分析，讓你全面掌握這一技能。

技術概述

定義

DOM是一套標準，用于表示和修改HTML和XML文檔的結構。JavaScript提供了多種方法來訪問和修改DOM中的元素。通過JS，我們可以改變元素的CSS樣式和HTML屬性，從而實現頁面的動態更新。

核心特性和優勢

• 實時響應：JS能夠立即響應用戶事件，如點擊、輸入等，即時更新頁面。
• 樣式與行為分離：通過JS修改樣式，可以保持CSS的整潔，遵循良好的分離原則。
• 增強交互性：動態地改變頁面元素，可以創建豐富的用戶界面和交互效果。

示例代碼

// 改變元素的樣式
document.getElementById('myElement').style.color='red';

// 改變元素的HTML屬性
document.getElementById('myLink').setAttribute('href', 'https://www.example.com');

技術細節

工作原理

當JS修改DOM元素的樣式或屬性時，實際上是在改變瀏覽器對這些元素的渲染方式。JS通過訪問DOM API，如style屬性和setAttribute方法，來實現這一過程。

難點分析

• 性能考慮：頻繁的DOM操作可能會導致頁面重繪和回流，影響性能。
• 兼容性問題：不同瀏覽器對某些CSS屬性的支持程度不同，需要進行適配。

實戰應用

應用場景

假設我們有一個登錄表單，當用戶輸入信息時，我們希望實時顯示輸入狀態，如輸入框邊框顏色的變化。

代碼示例

const inputField=document.getElementById('username');
inputField.addEventListener('input', function() {
    if (this.value.trim().length > 0) {
        this.style.borderColor='green';
    } else {
        this.style.borderColor='red';
    }
});

優化與改進

性能瓶頸

頻繁的DOM操作可能導致頁面性能下降，尤其是當涉及到大量元素時。

優化建議

• 減少重繪和回流：盡量批量操作DOM，減少不必要的樣式更改。
• 使用CSS類：通過切換CSS類而非直接修改樣式屬性，可以利用瀏覽器的緩存機制。

代碼示例

const element=document.getElementById('myElement');
element.classList.add('highlight'); // 利用CSS類

常見問題

• Q: 如何避免在修改多個屬性時導致的多次重繪？
• A: 可以通過將多個屬性設置放在同一個style對象中操作，或者使用CSS類來切換不同的樣式集。

總結與展望

掌握通過JS操縱DOM元素的樣式和屬性是前端開發的基本功之一。它不僅增強了頁面的互動性和響應性，也是構建現代Web應用的基礎。隨著Web技術的不斷進步，DOM操作的效率和便捷性也在不斷提升，學習和掌握這一技能將為你的前端開發之路打開更多可能性。

希望本文能夠幫助你深入理解并熟練運用JS來操控DOM元素的樣式和屬性，無論是在日常的編碼實踐中，還是在解決復雜的問題場景下，都能得心應手。如果你有任何疑問或想要分享的經驗，歡迎在評論區留言。讓我們一起探索前端世界的無限可能！

生不惑第121 篇原創文章，將本公眾號設為星標，第一時間看最新文章。

瀏覽某些網站的時候，看到一段不錯的話想復制下來，結果竟然要登錄，甚至你都選擇不了文字，因為被禁用了，下面就分享幾種解決方案。

瀏覽器控制臺

針對使用jQuery的網站（別管是不是先試試），比如某doc ，復制文字的時候會彈出個登錄框。

按F12或者右鍵檢查打開控制臺，在console里輸入$=0，原理就是破壞網站的js執行。

之后就可以復制了。

有些網站連右鍵和F12都禁止了怎么辦？隨便打開一個網站先打開控制臺再復制網址打開。

如果$=0無效，在設置里勾選Disable JavaScript，復制完之后記得再改回去。

如果還不生效怎么辦？安裝Chrome擴展吧。

Chrome 擴展

安裝 simple allow copy 這個擴展 https://chrome.google.com/webstore/detail/simple-allow-copy/aefehdhdciieocakfobpaaolhipkcpgc ，具體安裝chrome擴展方法見之前的文章上不了谷歌如何安裝 Chrome 擴展？

安裝后打開網站，比如 b站某篇文章 ，點擊擴展圖標開啟后就能直接復制網頁上的文字了。

對知乎的 申請轉載 同樣有效。

如果你想編輯下再復制，推薦微信同步助手這個擴展 https://chrome.google.com/webstore/detail/%E5%BE%AE%E4%BF%A1%E5%90%8C%E6%AD%A5%E5%8A%A9%E6%89%8B/hchobocdmclopcbnibdnoafilagadion

選擇提取文章并同步，然后就可以任意編輯了。

油猴腳本

關于油猴腳本之前寫過好幾篇了，點進去看看吧：

Chrome 瀏覽器擴展神器油猴

搜不到你想看的電子書/音樂/電影？一個油猴腳本幫你搞定

2020 年 3 月最新使用idm+油猴加速下載百度網盤文件方法

推薦 網頁限制解除（精簡優化版） https://greasyfork.org/zh-CN/scripts/41075 ，直接安裝就行。

安裝腳本后打開禁止復制的網頁就能直接復制了。

如果你想突破b站的版權限制，推薦 解除B站區域限制的腳本 https://greasyfork.org/zh-CN/scripts/25718

這個在之前的文章寫過 那些你可能不知道的 bilibili 奇技淫巧 ，有了這個腳本就能突破觀看限制了。

ocr

如果以上方法還不行（這種網站比較少），只能用ocr識別了，可以看看之前文章那些你可能不知道的 ocr 圖片文字識別工具 里的天若ocr（公眾號內回復 ocr 獲取軟件）。

識別后在ocr軟件內復制，不過你要復制的文字比較多就不大方便了，而且ocr不能保證100%識別正確，還有什么更好的方法歡迎在文末留言。

推薦歷史文章:

如何發一條空白的朋友圈

2019 年公眾號 蘇生不惑 近百篇原創文章整理

那些有意思的谷歌/百度搜索彩蛋

如何備份可能被刪的公眾號文章和網頁

bilibili(b站)升級到BV號了，還想用av號怎么辦

那些好玩的生成器網站

關于 蘇生不惑 公眾號

不想下載那么多音樂軟件？全網音樂在線聽和下載

那些你可能不知道的網絡冷知識奇技淫巧

免費知識星球，每天更新

公眾號 蘇生不惑

掃描二維碼關注或搜索微信susheng_buhuo