最近在iframe中注入脚本,发现jQuery .append()方法和DOM appendChild()方法的区别:
- DOM API appendChild()方法插入的 <script>会在iframe所在上下文中运行 </script>
- jQuery(2.2) .append()方法注入的 <script>脚本,其执行上下文总是在当前 window </script>
事实上,jQuery .append()方法对 <script>做了特殊处理: 获取脚本内容并通过 eval()在当前作用域下执行,同时禁用了浏览器默认的脚本调度执行。 </script>
先看例子
设置父容器的 window.id="parent",在注入到iframe的脚本中把它打印出来。 如果是与父容器共享上下文则会打印出 "parent",否则应是 undefined。
window.id = 'parent';var idocument = $('iframe').prop('contentDocument');var injected_script = 'console.log("window.id ==", window.id)';
登录后复制
创建一个
作者最新文章
-
2025-02-26 03:58:14
-
2025-02-26 03:38:10
-
2025-02-26 03:17:10
-
2025-02-26 02:49:09
-
2025-02-26 01:08:13
-
2025-02-26 00:46:10
-
2025-02-25 23:42:08
-
2025-02-25 22:50:13
-
2025-02-25 21:54:11
-
2025-02-25 20:45:11
最新问题
-
2025-03-19 15:13:34
-
2025-03-19 15:12:35
-
2025-03-19 15:10:55
-
2025-03-19 15:10:25
-
2025-03-19 15:08:32