Ada juga masalah yang ditemui dalam proyek:
Ada A.html dan B.html.
1. Halaman A telah dibuka, tetapi halaman B belum dibuka. Saya berharap untuk mengatur beberapa parameter kolom pada halaman A, seperti warna latar belakang, lebar dan parameter lainnya, dan meneruskannya ke halaman B sehingga halaman B dapat diterapkan saat dibuka.
2. Halaman A sudah terbuka, halaman B terbuka atau tidak. Pada halaman A, Anda perlu mendapatkan beberapa elemen dan bahkan variabel dari halaman B untuk memfasilitasi aplikasi ke halaman a.
Catatan: Tidak ada masalah lintas domain yang terlibat.
Setelah berpikir untuk waktu yang lama, saya akhirnya memikirkan solusinya.
Pertanyaan pertama adalah bahwa kita dapat menggunakan karakteristik titik jangkar halaman HTML untuk meneruskan parameter ke halaman B melalui URL
Ini adalah kode halaman:
<button> Pengaturan lompat </button> <script> var btn = document.queryselector ('tombol'); console.log (jendela); btn.addeventListener ('klik', function () {window.location = 'ci.html#bgc =#369? wd = 500'}) </skrip>Dari kode, Anda dapat mengetahui bahwa ketika Anda mengklik tombol untuk melompat ke halaman, ada serangkaian parameter setelah URL yang melompat, yang tidak akan mempengaruhi alamat lompatan. Ketika halaman B dibuka, Anda dapat memperoleh string yang dicegat lokasi untuk mendapatkan variabel dan nilai variabel, dan kemudian menerapkannya.
Ini adalah kode halaman B:
<div> </div> <script> var div = document.queryselector ('div'); var bl = window.location.hash.slice (1) .split ('?'); if (bl.length> = 1) {for (var i = 0; i <bl.length; i += 1) {switch (bl [i] .split ('=') [0]) {case 'bgc': document.body.style.background = bl [i] .split ('=') [1]; merusak; case 'wd': div.style.width = bl [i] .split ('=') [1] + 'px'; merusak; Default: null; merusak; }}} </script>Dengan mencegat string, dapatkan aplikasi variabel yang dilewati oleh URL. kesuksesan!
Pertanyaan kedua adalah bahwa saya berpikir untuk mencapai tujuan melalui iframes, yang hanya merupakan trik.
Buat iframe secara dinamis di halaman A, dan atur nilai SRC ke halaman B, dan tampilan tidak ada. Kemudian, gunakan properti ContentDocument dari iframe untuk mendapatkan dokumen IFRAME yang dikembalikan.
Dapatkan elemen yang diperlukan dalam dokumen dan terapkan.
Kode Sumber:
<span> 1111111111111 </span> <script> var fram = document.createElement ('iframe'); fram.src = 'http://www.vip.com/kongzhi/fram2.html'; fram.style.display = 'none'; Document.Body.AppendChild (FRAM); fram.onload = function () {var doc = fram.contentDocument || fram.contentwindow.document; var p = doc.queryselector ('p'); Document.Body.AppendChild (P); } </script>Contoh sederhana di atas dari parameter yang lewat antara halaman statis untuk mendapatkan parameter dan menerapkannya adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.