communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > jQuery2.2 iframe 脚本注入的上下文 Bug_html/css_WEB-ITnose

jQuery2.2 iframe 脚本注入的上下文 Bug_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:21:35
original
1226 Les gens l'ont consulté

最近在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)';
Copier après la connexion

创建一个

Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2275
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2408
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
2022
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1911
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1981
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal