[問題] 初學者對於document.write的疑惑...

看板Ajax作者 (runrunder)時間11年前 (2014/05/06 13:35), 編輯推噓2(2013)
留言15則, 5人參與, 最新討論串1/1
小弟當踏到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://www.ptt.cc/bbs/Ajax/M.1399354541.A.8AC.html

05/06 15:14, , 1F
在文件"解析完成前" document.write會往尾巴塞內容
05/06 15:14, 1F

05/06 15:15, , 2F
一旦解析完成後 document.write就會把頁面清掉
05/06 15:15, 2F

05/06 15:17, , 3F
那要如何保留可以像網路上範例那樣印在文章尾呢?
05/06 15:17, 3F

05/06 20:52, , 4F
別塞click 讓他在頁面裡
05/06 20:52, 4F

05/06 20:52, , 5F
$('form').html($('form').html()+'hello</b>')
05/06 20:52, 5F

05/06 20:53, , 6F
如果是要按鈕增加內容的話要用append
05/06 20:53, 6F

05/06 20:53, , 7F
我的寫法要配jQuery,純js應該也有辦法
05/06 20:53, 7F

05/06 20:53, , 8F
樓上... 他這怎看都沒jQuery啊www
05/06 20:53, 8F

05/06 20:56, , 9F
但我記得純js也有辦法做同樣的事,只是寫法不太一樣。
05/06 20:56, 9F

05/06 21:01, , 10F
純js用innerHTML 不過這做法不推 如果整頁內容很大的話
05/06 21:01, 10F

05/06 21:02, , 11F
用這方法很耗記憶體 還是append好些
05/06 21:02, 11F

05/06 21:37, , 12F
謝謝各位剛剛用append寫成功了,只能說我會錯網
05/06 21:37, 12F

05/06 21:38, , 13F
站範例的意思
05/06 21:38, 13F

05/06 22:10, , 14F
jQuery能做到的事純js都有辦法做到 只是要多寫很多
05/06 22:10, 14F

05/22 00:02, , 15F
推樓上,新手先學好JAVASCRIPT 就UI 語法 呼叫服務
05/22 00:02, 15F
文章代碼(AID): #1JQ7IjYi (Ajax)
文章代碼(AID): #1JQ7IjYi (Ajax)