PluginUs.Net - Alat Bisnis untuk WooCommerce dan WordPress

[wujudkan ide Anda - wujudkan impian Anda]

Cara menghubungkan situs dengan iframe built-in

Terkadang pengembang harus menyelesaikan tugas - bagaimana menghubungkan situs yang ada diiframe> dan situs induk menggunakan JavaScript. Dan bagaimana misalnya menyegarkan sesuatu secara instaniframe> ketika sesuatu dilakukan di situs induk? Itu adalah masalah di masa lalu, tetapi tidak sekarang karena kami dapat menggunakan fitur HTML5. Mari kita lihat contoh selanjutnya denganul> item!

  1. Jadi di situs induk yang kami milikiul> dan dapat mengidentifikasinya sebagai '.providers_list li', dan dengan logika antarmuka ada beberapa event js yang disisipkan atau dihapusli> dari ituul>. Dan di situs yang ada diiframe> kami ingin mendapatkan teks dari tautan itu yang ada disana.
  2. Buat 1 file js di situs induk dan 1 file js di situs yang akan di-buit di situs induk dengan caraiframe id = "mdtf_csp_frame">
  3. Masukkan di file js orang tua kode berikutnya:
  4. Setelah halaman dimuat, kita mulai setInterval fungsi yang setiap 2 detik memeriksa daftar penyedia dan mendapatkan teks dari masing-masing tautan itu
  5. Kemudian menggunakan fungsi HTML5 postingPesan kami akan mengirimkan data yang dikumpulkan keiframe>
  6. Di situs yang ada di tagiframe> kita harus menggunakan kode berikutnya:
  7. wpbdp-14 is textarea.dll di situs yang di tagiframe> dan di mana kami menambahkan informasi baru setiap 2 detik dari daftar situs induk '.providers_list li'.

Itu semuanya. Prinsip yang sama dapat Anda gunakan untuk kasus lain ...

 

WOOBE - Editor Massal WooCommerce dan Manajer Produk Profesional