سوال: متد document.write () [بایگانی]

barbimusic

جمعه 14 دی 1397, 17:12 عصر

سلام دوستان . وقتتون به خیر .

میخاستم ببینم چرا توی کد زیر که توسط W3School گذاشته شده و توضیح داده که بعد از اینکه سند HTML به طور کامل بارگزاری شده باشد استفاده از متد document.write() باعث میشه همه ی تگ های صفحه پاک بشه و اونا جایگزینشون بشن .

توی کد زیر که اسکریپت قبل از اتمام تگ <html> نوشته شده پس چرا پاک میشن محتویات صفحه ؟

ممنونم

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_doc_write4

amir-aa

چهارشنبه 26 دی 1397, 07:30 صبح

سلام دوستان . وقتتون به خیر .

میخاستم ببینم چرا توی کد زیر که توسط W3School گذاشته شده و توضیح داده که بعد از اینکه سند HTML به طور کامل بارگزاری شده باشد استفاده از متد document.write() باعث میشه همه ی تگ های صفحه پاک بشه و اونا جایگزینشون بشن .

توی کد زیر که اسکریپت قبل از اتمام تگ <html> نوشته شده پس چرا پاک میشن محتویات صفحه ؟

ممنونم

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_doc_write4

با Document.write پاک میشن بزرگوار اگر میخواید پاک نشه باید از inner HTML استفاده کنین.

<html>
<body>

<p id="p1">Hello World!</p>

<script>
function myFunction()
{
document.getElementById("p1").innerHTML = "New text!";
}
</script>
<button type="button" onclick="myFunction()">Click me!</button>

</body>

</html>

SCoder

پنج شنبه 27 دی 1397, 22:25 عصر

سلام دوستان . وقتتون به خیر .

میخاستم ببینم چرا توی کد زیر که توسط W3School گذاشته شده و توضیح داده که بعد از اینکه سند HTML به طور کامل بارگزاری شده باشد استفاده از متد document.write() باعث میشه همه ی تگ های صفحه پاک بشه و اونا جایگزینشون بشن .

توی کد زیر که اسکریپت قبل از اتمام تگ <html> نوشته شده پس چرا پاک میشن محتویات صفحه ؟

ممنونم

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_doc_write4

به این دلیل که بعد از بار گزاری کامل صفحه با زدن اون دکمه تابع رو فراخوانی میکنید بنابریان تمام محتویات صفحه پاک میشود اگر در هنگام بار گذاری صفحه اون تابع را فراخوانی کنید دیگر محتویات صفحه پاک نمیشود
برای مثال میتوانید اسکریپت رو در ان مثال با این اسکریپت جایگزین کنید و نتیجه را ببینید

<script>
function myFunction() {
document.write("Hello World");
}
function boldTxt(){
document.write('<br><b>This text is bold</b>');
}
boldTxt();
</script>