着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