搜尋此網誌

2011年9月15日 星期四

在WIN7裡IE8的開發人員工具打不開的解決辦法

IE8新增了開發人員工具,非常不錯,比早期的DevToolbar好用多了。不過在我的Win7下使用的時候偶爾會出現一個莫名其妙的問題,就是整個開發人員工具窗口消失了,打不開了。當你使用win+Tab切換窗口的時候,整個開發者工具光是顯示一片透明的區域,選中之後怎麼都出不來。這個問題那會困擾了我很久,後來發現一個辦法可以解決。就是在工具欄上將鼠標移到那個開發人員工具窗口圖標上,注意,是圖標,不是窗口。然後右鍵,選擇最大化,這個時候,熟悉的開發人員工具窗口就出現了。

2011年9月6日 星期二

JavaScript 字串轉型成數字


Javascript 據我所知有三種方法可以把字串變成數字。

第一種就是最常見的 parseInt 函式 。

另外一種則是利用 Number 這個類別轉換。

還有一個比較少人知道的則是利用減法運算元,例如:var j="123"-0;

javascript 增加表單中select的option

其實不會很難(爆)

js的部份

function add_option()
{
//先用getElementById取得select的id
var s = document.getElementById('go');
//這兩個可以用其他方式取得,端看怎麼使用
var t = document.getElementById('t').value;
var v = document.getElementById('v').value;
var ori_count = s.length;
//其實重點只有下面這兩行XD
var new_option = new Option(t,v);
s.options.add(new_option);
var new_count = s.length;
//這邊只是要驗證是不是有增加成功
//新的option個數會比原本的個數多
if( new_count > ori_count )
alert('新增成功');
else
alert('新增失敗');
}
 html的部份

<select name="go" id="go">
<option value="">請選擇</option>
<option value="apple" selected>蘋果</option>
<option value="banana" >香蕉</option>
</select>
<br />
值:<input type="text" name="v" id="v"><br />
文字:<input type="text" name="t" id="t"><br />
<input type="button" onclick="add_option()" value="新增option">
 這裡可以看範例

清除所有項目更簡單
<script> 
document.getElementById("xxxx").length = 0;  
</script>






<script> 
var s = document.getElementById("xxxx")
s.length = 0;  
</script>