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

最近在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)';

创建一个

Artikel terbaru oleh pengarang

• Apakah itu NullPointerException, dan bagaimana saya membetulkannya?
  2024-10-22 09:46:29
• Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C
  2024-10-13 13:53:41
• Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula
  2024-10-12 12:15:51
• Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu
  2024-10-11 22:47:31
• Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak
  2024-10-11 19:36:51
• Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak
  2024-10-11 15:50:41
• Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula
  2024-10-11 15:07:41
• PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web
  2024-10-11 14:21:21
• Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda
  2024-10-11 12:59:11
• Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula
  2024-10-11 12:17:31

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

0

3

2439

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

0

11

2570

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

0

1

2175

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...

daripada 2024-04-18 23:52:34

0

1

2051

Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus

daripada 2024-04-16 10:10:18

0

0

2153

Topik-topik yang berkaitan

Lagi>

• Berapa tinggi Ethereum akan pergi?
• Bagaimana untuk mengkonfigurasi pembolehubah persekitaran laluan dalam java
• Bina pelayan Internet
• vue rujukan fail js
• 0x80070057 penyelesaian ralat
• Cara membuat carta dan carta analisis data dalam PPT
• Cara memohon e-mel perniagaan
• Kaedah pelaksanaan fungsi main balik dalam talian Python