ie11/旧版chrome下可安全使用的javascript函数包括：document.getelementbyid、document.getelementsbytagname、element.innerhtml（慎用）、element.onclick；禁用let/const、箭头函数、模板字符串、fetch、promise等，优先用var和function声明，dom操作需缓存引用并避免频繁重排。
老旧设备（比如 Windows 7 + 2GB 内存 + IE11 或 Chrome 60 左右）根本跑不动现代前端工具链，但“不能用 VS Code”不等于“不能写 HTML 和 JS 函数”——关键在于绕开依赖、压低开销、手动控制执行路径。
IE11/旧版Chrome下哪些JavaScript函数能安全用
所谓“HTML函数工具”，实际是 JavaScript 在 DOM 上的操作能力。IE11 支持 document.getElementById、document.getElementsByTagName、element.innerHTML（慎用）、element.onclick，但不支持 document.querySelector、fetch、Promise、Array.from、Object.assign 等。
-
var必须代替let/const，否则直接语法错误 - 函数声明必须用
function myFunc() {}，别写const myFunc = () => {} - 字符串拼接用
+，别用模板字符串`hello ${name}` - 事件绑定优先用
btn.onclick = function() {}，IE8– 不支持addEventListener - 避免
document.write()—— 老浏览器中极易白屏
DOM操作类函数怎么选才不卡
老旧 CPU（如 Intel Atom）对重排重绘极其敏感，频繁调用 innerHTML 或反复查 DOM 会明显卡顿。应优先选同步、低开销、可缓存的原生方法。
- 单元素获取用
document.getElementById，比querySelector快 3–5 倍（实测 IE11） - 批量插入节点前，先用
document.createDocumentFragment()构建离线树，再一次性挂载 - 纯文本更新用
textContent，不是innerText（后者触发回流） - 所有
getElementById/getElementsByClassName结果必须缓存到变量，禁止在循环里重复调用 - 禁用 CSS 动画（
transition/animation），改用 JS 控制className切换样式类
Linux或Android老旧设备上替代方案
Windows 老设备受限于 IE/Edge Legacy，而 Linux（如旧款树莓派）或 Android（如 2015 年教育平板）可用更轻量、无 GUI 依赖的命令行或嵌入式工具链。
- Linux 终端处理 HTML：用
htmlq ".title"提取字段，比 Python + BeautifulSoup 启动快 10 倍，内存占用 - Android 上首选 Acode Editor，它不走 WebView 外部进程，预览直接调用系统
WebView，1GB RAM 设备实测编辑 50KB HTML 文件内存稳定 - 避免在 Android 上用 Quark 浏览器或定制教育浏览器打开本地 HTML —— 它们常禁用
localStorage和XMLHttpRequest - 若需运行 JS 函数，Acode 中长按代码区 → “运行 JavaScript”，输出直接打到控制台，不依赖外部调试器
为什么本地双击 .html 文件经常失效
这不是工具问题，而是 file:// 协议限制：IE11 和旧版 Chrome 默认禁用 XMLHttpRequest、fetch、WebAssembly，且跨域策略会拦截本地脚本加载。你写的函数本身没错，只是被协议拦死了。
- 解决办法：把 HTML 文件拖进 Firefox ESR 115（已手动启用
dom.webcomponents.enabled和javascript.options.asmjs） - 或者用 Notepad++ 编辑后，右键 → “在 Firefox 中打开”，绕过双击默认行为
- 绝对不要指望
file://下跑 Vue/React —— 连fetch('./data.json')都会报NetworkError - 如需简单数据交互，改用
JSON.parse()直接内联数据，例如：<script>var config = {title: "test"};</script>
真正卡住老旧设备的，从来不是“哪个函数不能用”，而是“哪个环节在反复触发重排、加载远程资源、或试图初始化一个它根本不认识的 API”。把 DOM 查询缓存好、把 JS 逻辑压进一个 <script></script> 块、把所有外部请求换成内联数据——这些动作比换工具管用十倍。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
