لقد استخدمت دائمًا طريقة المستند. write () لعرض البيانات إلى المتصفح ، واستخدمتها كإنذاب (). يبدو أن هذا النوع من الاستخدام غير مستغل بعض الشيء. لنتحدث عن استخداماتها الرئيسية.
يمكن استخدام طريقة المستند. write () في جانبين:
1. أثناء عملية تحميل الصفحة ، أضف محتوى صفحة جديد باستخدام برنامج نصي.
2. استخدم البرامج النصية للتأخير لإنشاء محتوى هذه النافذة أو نافذة جديدة.
تتطلب هذه الطريقة معلمة سلسلة ، وهي محتوى HTML مكتوب إلى نافذة أو إطار. يمكن أن تكون معلمات السلسلة هذه متغيرات أو تعبيرات ذات قيم كسلاسل ، وغالبًا ما يتضمن المحتوى المكتوب لغة علامة HTML. كما في الكود التالي ، يقوم إطار النظام الأكاديمي بتحميل الصفحة الفرعية
نسخة الكود كما يلي:
<!-ضع الإطار في الخلية->
<span style = "font-size: 18px ؛">
<td valign = "top" id = "content-container">
<div id = "loading">
// أيقونة تأثير التحميل
<img src = "الصور /loading.gif" />
</div>
<script type = "text/javaScript">
// استدعاء وظيفة الإخراج من JS لتشكيل إطار عمل
index.outputiframe () ؛
</script>
</td>
</span>
نسخة الكود كما يلي:
<span style = "font-size: 18px ؛"> // frame الإخراج
index.outputiframe = function () {
var scrolling = $ .isie6 == true؟ "نعم": "Auto" ؛
document.write ('<iframe id = "content" marginWidth = "0" marginHeight = "0" framborder = "0" scrolling = "' + scrolling + '" onload = "$ (/'#loading/'). hide () ؛ $ (this) .show () ؛" src = ""
} ؛
</span>
بعد تحميل الصفحة ، يتم إغلاق دفق إخراج المتصفح تلقائيًا. بعد ذلك ، ستفتح أي مستند. write () التي تعمل على الصفحة الحالية دفق إخراج جديد ، والذي سيقوم بمسح محتوى الصفحة الحالية (بما في ذلك أي متغيرات أو قيم المستند المصدر). لذلك ، إذا كنت ترغب في استبدال الصفحة الحالية بـ HTML التي تم إنشاؤها بواسطة البرنامج النصي ، فيجب عليك توصيل محتوى HTML وتعيينه بمتغير ، واستخدام طريقة. Write () لإكمال عملية الكتابة.
هناك شيء آخر يجب شرحه حول طريقة المستند. Write () هو مستند الأسلوب المرتبط. cclose (). بعد أن يكتب البرنامج النصي المحتوى إلى النافذة (سواء كانت هذه أو نافذة أخرى) ، يجب إغلاق دفق الإخراج. بعد آخر مستند. write () من برنامج تأخير البرنامج النصي ، يجب عليك التأكد من تضمين طريقة المستند. cclose (). إذا لم تفعل ذلك ، فلا يمكنك عرض الصور والنماذج. وأي طريقة تسمى المستند. write () ستؤدي فقط إلى إلحاق المحتوى بالصفحة دون مسح المحتوى الحالي لكتابة القيمة الجديدة.
لإظهار طريقة document.write () ، نقدم نسختين من نفس التطبيق. يكتب المرء محتوى إلى مستند يحتوي على البرنامج النصي ، ويكتب محتوى آخر إلى نافذة منفصلة.
مثال 1 ينشئ زرًا يجمع بين محتوى HTML الجديد للوثيقة ، بما في ذلك علامات HTML لعنوان المستند الجديد وسمات الألوان للعلامة.
في المثال ، يوجد عامل تشغيل += غير مألوف للقراء. يضيف السلسلة على يمينها إلى المتغير على يساره. يتم استخدام هذا المتغير لتخزين السلسلة. يمكن لهذا المشغل الجمع بسهولة بين عدة عبارات منفصلة في سلاسل طويلة. استخدم عبارة document.write () مجتمعة في متغير NewContent لكتابة جميع المحتوى الجديد في المستند ، مما يمنح المحتوى تمامًا في المثال 1.
ثم تحتاج إلى الاتصال ببيان المستند. close () لإغلاق دفق الإخراج. عند تحميل المستند والنقر فوق الزر ، يمكنك ملاحظة أن عنوان المستند في شريط عنوان المستعرض يتغير نتيجة لذلك. عندما تعود إلى المستند الأصلي وانقر فوق الزر مرة أخرى ، يمكنك أن ترى أن الصفحة الثانية المكتوبة بشكل ديناميكي تعمل بشكل أسرع من إعادة تحميل المستند الأصلي.
مثال 1 استخدم document.write () في النافذة الحالية.
نسخة الكود كما يلي:
<html xmlns = "http://www.w3
<script language = "javaScript">
// أعد كتابة الوظيفة
وظيفة تكرار () {
// احفظ المحتوى المكتوب
var newContent = "<html> <head> <title> مستند جديد </title> </head>"
NewContent += "<body bgcolor = 'aqua'> <h1> هذا المستند جديد تمامًا. </h1>"
NewContent += "انقر فوق الزر" العودة "لرؤية المستند الأصلي."
newContent += "</body> </html>"
// اكتب محتوى جديد
document.write (newContent) ؛
document.close () ؛
}
</script>
</head>
<body>
<Porm>
<!-انقر فوق الزر للاتصال بوظيفة الكتابة->
<type type = "button" value = "استبدال المحتوى" onClick = "RECENTWRITE ()">
</form>
</body>
</html>
تلخيص:
في الآونة الأخيرة ، أكتب محمل موارد ثابت ، والذي يستخدم document.write. بعد تجربة بعض التحولات والمنعطفات ، وجدت أن المستند. لا يزال لدى الكتابة بعض المحتوى ، لذلك قررت أن أرم شيئًا وتسجيله ، وفي الوقت نفسه ، يعد أيضًا وسيلة لتجميع شيء ما بنفسي.