如何使用jQuery为网站所有iframe添加sandbox属性？

• 这段代码基本可行，能给页面上已存在的iframe添加无值的sandbox属性，但有几个关键注意点：
  1. 动态加载的iframe无法覆盖：如果页面后续通过JS动态创建并插入iframe，这段代码不会处理它们。若要覆盖这类场景，需要用MutationObserver监听DOM变化，对新增的iframe自动添加属性。
  2. 默认限制可能影响功能：无值的sandbox会启用所有严格安全限制，包括禁止脚本执行、禁止表单提交、禁止与父页面通信等。如果某些iframe需要保留特定权限，得针对性设置sandbox的属性值（比如sandbox="allow-scripts allow-same-origin"），避免业务功能异常。
  3. 需注意代码运行时机：要确保代码在页面所有iframe渲染完成后执行，比如放在DOMContentLoaded事件回调里或页面底部，不然可能漏掉还未加载的iframe。

优化后的完整代码示例（覆盖静态和动态iframe）：

document.addEventListener('DOMContentLoaded', function() {
    // 处理已存在的iframe
    const frames = document.getElementsByTagName('iframe');
    for (const frame of frames) {
        frame.setAttribute('sandbox', '');
    }

    // 监听DOM变化，处理动态添加的iframe
    const observer = new MutationObserver(function(mutations) {
        mutations.forEach(mutation => {
            mutation.addedNodes.forEach(node => {
                if (node.tagName === 'IFRAME') {
                    node.setAttribute('sandbox', '');
                }
            });
        });
    });

    observer.observe(document.body, { childList: true, subtree: true });
});

重要提醒：添加sandbox属性前务必全面测试所有iframe的功能，避免因严格安全限制导致业务流程中断。

内容的提问来源于stack exchange，提问作者spopovich