تصف هذه المقالة طريقة تمرير البيانات بين Windows Browser JavaScript. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
ملخص:
في تطوير المشروع ، غالبًا ما نواجه النوافذ المنبثقة. يستخدم البعض Div لمحاكاة التأثيرات المنبثقة ، وبعضها يستخدم Iframes ، ويستخدم البعض Windows لفتح نافذة جديدة من خلال الوظيفة المفتوحة التي تأتي مع نافذة. اليوم سوف أشارككم النوع الأخير من تفاعل البيانات من خلال وظيفة window.open (). إلقاء نظرة أولى على الاداءات:
مبدأ:
يتم تمرير البيانات التي تم تمريرها إلى نافذة الطفل بواسطة النافذة الأصل عبر معلمات عنوان URL ، ويتم تمرير البيانات التي تم تمريرها إلى النافذة الفرعية بواسطة النافذة الأصل عبر الوظيفة العالمية للنافذة الأصل.
شفرة:
index.html كما يلي:
انسخ الرمز كما يلي: <! doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title> وثيقة </title>
</head>
<body>
<div id = "content"> </viv>
<button id = "test"> زر </button>
<script>
var test = document.getElementById ('test') ؛
test.onclick = function () {
window.open ('./ window.html؟ param1 = name¶m2 = password' ، '_blank' ، 'width = 960 ، height = 650 ، menubar = no ، شريط الأدوات = لا ، الموقع = لا ، الدلائل = لا ، الحالة = لا ، scrollbars = yes ، resizable = yes') ؛
} ؛
window.getContent = function (tx) {
document.getElementById ('content'). innertext = tx ؛
}
</script>
</body>
</html>
Window.html كما يلي:
انسخ الرمز كما يلي: <! doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title> وثيقة </title>
</head>
<body>
<div id = "content"> </viv>
<حدد name = "" id = "city">
<value Option = "Shanghai"> Shanghai </Option>
<value Option = "Hangzhou"> Hangzhou </soph>
</select>
<script>
var params = location.href.substring (location.href.lastindexof ('؟')+1) .Split ('&') ؛
document.getElementById ('content'). innertext = params ؛
var city = document.getElementById ('City') ؛
City.Onchange = function () {
window.opener.getContent (city.value) ؛
}
</script>
</body>
</html>
ملاحظة: هناك بيئة خدمة للتشغيل هنا
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.