Artikel ini menjelaskan metode memberikan data antara JavaScript Browser Windows. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
ringkasan:
Dalam pengembangan proyek, kita sering menemukan jendela pop-up. Beberapa menggunakan Div untuk mensimulasikan efek pop-up, beberapa menggunakan iframe, dan beberapa menggunakan jendela untuk membuka jendela baru melalui fungsi terbuka yang dilengkapi dengan jendela. Hari ini saya akan membagikan kepada Anda jenis interaksi data terakhir melalui fungsi window.open (). Pertama -tama lihat rendering:
prinsip:
Data yang diteruskan ke jendela anak oleh jendela induk dilewatkan melalui parameter URL, dan data yang diteruskan ke jendela anak oleh jendela induk dilewatkan melalui fungsi global jendela induk.
Kode:
Index.html adalah sebagai berikut:
Salin kode sebagai berikut: <! Doctype html>
<html lang = "en">
<head>
<meta charset = "UTF-8">
<title> dokumen </iteme>
</head>
<body>
<Div id = "Content"> </Div>
<tombol id = "test"> Tombol </button>
<script>
var test = document.getElementById ('test');
test.onClick = function () {
window.open ('./ window.html? Param1 = name¶m2 = kata sandi', '_blank', 'width = 960, tinggi = 650, menubar = tidak, toolbar = tidak, lokasi = tidak, direktori = tidak, status = tidak, scrollbar = ya, di -resizable = ya');
};
window.getContent = function (tx) {
document.geteLementById ('konten'). Innertext = tx;
}
</script>
</body>
</html>
window.html adalah sebagai berikut:
Salin kode sebagai berikut: <! Doctype html>
<html lang = "en">
<head>
<meta charset = "UTF-8">
<title> dokumen </iteme>
</head>
<body>
<Div id = "Content"> </Div>
<Pilih name = "" id = "city">
<Opsi value = "Shanghai"> Shanghai </pection>
<Option value = "Hangzhou"> Hangzhou </pection>
</pilih>
<script>
var params = location.href.substring (location.href.lastindexof ('?')+1) .split ('&');
document.geteLementById ('konten'). Innertext = params;
var city = document.geteLementById ('city');
city.onchange = function () {
window.opener.getContent (City.Value);
}
</script>
</body>
</html>
CATATAN: Ada lingkungan layanan yang harus dijalankan di sini
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.