作者LaPass (LaPass)
看板Ajax
標題[問題] JavaScript的學習技巧?
時間Thu Jan 5 22:09:19 2012
自己初學javascript,自己嘗試寫一段程式
但是覺得試的很沒效率,因此想請問一些技巧上的問題
以下是嘗試的程式碼
目的很簡單,就是在輸入框(input)失去焦點時
把輸入框的內容顯示在旁邊的label當中
<script type="text/javascript">
function test()
{
var inputtext = document.getElementById("inputtext");
alert("inputtext: "+inputtext);
var t = inputtext.value;
alert("t: "+t);
var showT = document.getElementById("show");
alert(showT.value);
showT.value = "你輸入的是:"+t;
}
</script>
<span>
<input type="text" id="inputtext" onblur="test()"/>
</span>
<span>
<label id="show">標籤 </label>
</span>
1. 想請問,如何知道一個物件中,有哪些屬性、方法可用?
舉例來說.....
我怎麼知道,我抓到的 showT 裡面有哪些屬性可用?
到底要怎麼樣,才能置換標籤中的內容?
(目前我用那個方法會失敗)
雖然可能找的到好心人直接告訴我,那個要用XXX的方法
可是,總不能每次都跑上來問吧?
2. 能不能讓 javascript 稍微好心一點,吐個錯誤訊息出來......
一整個沒動靜,我怎麼知道到底是哪裡出錯?
javascript執行出錯時,好像是直接停在那邊.....
3. 如何傾印物件、陣列中的資料?
在PHP中,我知道var_dump()之後,就常用var_dump()整個印出來
學的速度就很快
在學java的時候,也常用System.out.println() 或是 x.class
把物件、值整個印出來看看
那javascript有沒有類似的東西?我嘗試用alert(),但是.....
他常常只給我吐個 [object] 我怎麼知道他是什麼鬼? = =.....
--
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.140.89.244
→ LaPass:找到修改lable內的文字的方法了,是 innerText。但是.... 01/05 22:13
→ LaPass:我是用google,所以問題還在.... 到底有沒有類似技術手冊或 01/05 22:14
→ LaPass:是manual、Msdn、javadoc之類的東西記載所有物件的屬性、方 01/05 22:14
→ LaPass:法啊? 01/05 22:14
推 musie:W3C 01/05 22:19
→ musie:javascript除錯,請用firebug,擅用console.log會比alert好 01/05 22:24
→ musie:Qunit.js phantom.js zombie.js是另外一種選擇,假如會架 01/05 22:25
→ LaPass:Qunit.js phantom.js zombie.js 先跳過.... = = 01/05 22:40
→ LaPass:呃.... 不好意思,想請問w3c到底要怎麼查東西? 01/05 22:41
→ LaPass:喔喔! firebug有 consol.dir可以把物件的屬性都給印出來, 01/05 23:10
→ LaPass:太棒了 XD 01/05 23:10
推 hanhong:Chrome也很好用XD 01/06 10:06