作者oj113068 (橘子汁)
看板Web_Design
標題[問題] JavaScript變數的問題
時間Thu Jul 7 11:30:40 2011
大家好 囧> 雖然很可能是簡單的問題，但是我就是解決不了
目前我正在看網路上的教學自學JavaScrip
這是我參考的網站
http://taiwantc.com/js/js_tut_a0.htm
我看到function這裡以後想要做一點簡單的小東西出來
例如BMI值或是計算生肖之類的，所以就先試著做了簡單的加法
這是我的網址
http://annytest.sunlight.tw/js-test/js_test.html
Js的地方這樣寫
<script>
<!--
function age_B(age_f){
var yearA= 12;
var B_s= 1;
B_s = age_f + yearA;
document.write(B_s);
};
-->
</script>
網頁內是這樣
<body>
<form name="form1" method="post" action="">
<input name="your_age" type="text" value="">
<input type="submit" name="age_sumi" id="age_sumi" value="送出"
onClick="age_B(your_age.value)">
</form>
</body>
我的問題是
1.不管怎麼樣，document.write(B_s);出來都是字串，就是說我輸入10他並不是顯示
22，而是顯示1012。
我知道Js在變數型別沒有很嚴格，也知道可以用parseInt轉換，可是這很令我納悶
因為我看的教學網站就是這樣寫的，所以不禁懷疑自己寫錯了。
2.為什麼我輸入以後按Enter他不會直接計算，而會顯示沒有網頁呢？
3.未什麼送出之後，form就不見了呢？一定要在網頁下方指定DIV或span的位置才讓他
輸出在指定位置嗎？
我看
http://taiwantc.com/js/js_tut_b_document0.htm 第一個範例
按下按鈕以後直接把結果寫在按紐下面呢~
希望有空的人可以幫我解答一下，謝謝大家~^^"
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 60.250.77.208
※ 編輯: oj113068 來自: 60.250.77.208 (07/07 11:30)
※ 編輯: oj113068 來自: 60.250.77.208 (07/07 11:33)
推 No:1.your_age.value取得的型態是字串，字串+數值時 07/07 13:12
→ No:是數值會被強制轉型成字形來執行運算，所以要用parseInt 07/07 13:12
→ No:2&3.你在from內的表單按enter或送出，行為都是submit 07/07 13:13
→ oj113068:謝謝你！1的部分我懂了。 07/07 13:24
→ oj113068:不過2和3我不太懂，是指我要把他改成type="button"嗎 07/07 13:24
→ oj113068:~"~改成botton還是一樣 07/07 13:28
推 kovenkoven:簡單來說,submit是把表單的內容送去指定的目標頁 07/07 14:29
→ kovenkoven:你的需求只需要點了按鈕以後觸發js的函式做計算跟顯示 07/07 14:30
→ oj113068:還是有一點不懂，不過，我試試看... 07/07 14:42
→ oj113068:謝謝二位 07/07 14:42