作者coilion9670 (runrunder)
看板Ajax
標題[問題] 初學者對於document.write的疑惑...
時間Tue May 6 13:35:38 2014
小弟當踏到javascript的範疇內
動手寫了一個button按了之後
onclick="document.write('Hello</b>')"
之類的這樣的東西
網路上找了許久範例跟document.write的說明
像是
http://taiwantc.com/js/js_tut_b_document0.htm
裡面提到"document.write 寫入的資料就會伸延到文件的尾部"
裡面範例測試的確也是如此
但自己動手寫一個卻是頁面洗掉print出Hello
code:
<head></head>
<body>
<form>
<input type="button" value="hello" onClick="document.write('Hello</b>')">
</form>
</body>
按了之後我的button就消失了沒有印在文章尾阿...
是我理解錯誤嗎....請教各位QQ
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 112.105.52.20
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Ajax/M.1399354541.A.8AC.html
1F:→ danny8376:在文件"解析完成前" document.write會往尾巴塞內容 05/06 15:14
2F:→ danny8376:一旦解析完成後 document.write就會把頁面清掉 05/06 15:15
3F:→ coilion9670:那要如何保留可以像網路上範例那樣印在文章尾呢? 05/06 15:17
4F:→ danny8376:別塞click 讓他在頁面裡 05/06 20:52
5F:→ white9cat:$('form').html($('form').html()+'hello</b>') 05/06 20:52
6F:→ danny8376:如果是要按鈕增加內容的話要用append 05/06 20:53
7F:→ white9cat:我的寫法要配jQuery,純js應該也有辦法 05/06 20:53
8F:→ danny8376:樓上... 他這怎看都沒jQuery啊www 05/06 20:53
9F:→ white9cat:但我記得純js也有辦法做同樣的事,只是寫法不太一樣。 05/06 20:56
10F:→ danny8376:純js用innerHTML 不過這做法不推 如果整頁內容很大的話 05/06 21:01
11F:→ danny8376:用這方法很耗記憶體 還是append好些 05/06 21:02
12F:→ coilion9670:謝謝各位剛剛用append寫成功了,只能說我會錯網 05/06 21:37
13F:→ coilion9670:站範例的意思 05/06 21:38
14F:推 mrbigmouth:jQuery能做到的事純js都有辦法做到 只是要多寫很多 05/06 22:10
15F:推 conanist:推樓上,新手先學好JAVASCRIPT 就UI 語法 呼叫服務 05/22 00:02