寫js時遇到的一些小問題

更新時間：2010年12月06日 22:45:03 作者：

寫js時遇到的一些小問題,需要的朋友可以參考下。

1、在寫<asp:Button ……>的OnClientClick事件時，需要加上return；否則會出現OnClientClick返回false，但仍然執(zhí)行OnClick事件的情況。
例如：

 
<asp:Button ID="btnSearch" runat="server" CssClass="button" Text="查找...." 　　OnClientClick="return CheckBox();" OnClick="btnSearch_Click"></asp:Button> 

2、window.showModalDialog()方式打開新窗口中，如果其中包含js編輯器或者其他第三方編輯器時，會出現不能編輯的情況，連選中都不行；
至今我還沒找到比較好的解決辦法，還是換成window.open()方式試試。
3、checkbox全選問題：
html：

復制代碼代碼如下:

 
<input type="checkbox" id="chkAll" onclick="selectAll()" />全選 
<asp:CheckBoxList ID="ckblist" runat="server" RepeatLayout="Flow" RepeatDirection="Horizontal"></asp:CheckBoxList> 

js：

復制代碼代碼如下:

 
function selectAll() 
{　　 
　　var obj = document.getElementById("chkAll");　　 
　　var ckblist = document.getElementById("ckblist");　　 
　　var chk = ckblist.getElementsByTagName("input");　　 
　　if(obj.checked)　　 
　　{　　　　 
　　　　for(var i = 0; i < chk.length; i++)　　　　 
　　　　{　　　　　　 
　　　　　　chk[i].checked = true;　　　　 
　　　　}　　 
　　}　　 
　　else　　 
　　{　　　　 
　　　　for(var i = 0; i < chk.length; i++)　　　　 
　　　　{　　　　　　 
　　　　　　chk[i].checked = false;　　　　 
　　　　}　　 
　　} 
} 

下面是一些js基礎知識

復制代碼代碼如下:

① 
//js獲取Table并改變它的樣式 
<script type="text/javascript"> 
function setColSpan() 
{ 
var x=document.getElementById('myTable').rows[0].cells //獲取table的第一行 
x[0].colSpan="1" //改變table的樣式 
x[1].colSpan="3" //同上 
} 
</script> 
<table id="myTable" border="1"> 
<tr> 
<td colspan="2">單元格1</td> 
<td colspan="2">單元格2</td> 
</tr> 
<tr> 
<td>單元格3</td> 
<td>單元格4</td> 
<td>單元格5</td> 
<td>單元格6</td> 
</tr> 
</table> 
<input type="button" onclick="setColSpan()" value="改變colspan值"> 

② 
//js中的定時循環(huán)調用函數 setInterval (無限彈)和對應的停止函數 
var timer //首先要聲明一個變量用來存儲setInterval返回 

的值. 
timer=setInterval("alert('123')",500); //用聲明好的變量存儲setInterval返回的值. 
clearInterval(timer); //清除setInterval函數 
如果確實要在setInterval方法中調用參數，并且該函數需要傳遞參數，那么可以通過通過如下方式:把要傳的值聲明為全局變量,然 

后在方法中進行調用.例如: 
<script type="text/javaScript"> 
var n=1,obj ; 
function f1() 
{ obj =setInterval(f2(),1000) } 
function f2() 
{ alert(n+=n;)} 
</script> 


③ 
//js獲得本頁網址 
var Url = window.location.href; 

④ 
//js控制保存本頁面 
document.execCommand("SaveAs","","C:\\index.htm"); //1.要進行的操作名,2.默認保存到的地址和文件名和文件類型 
function save(dizhi){ 
document.execCommand("SaveAs","",dizhi); 
} 

⑤ 
//打開,另存為,屬性,打印"等14個JS代碼 
■打開■ 
<input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打開> 
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> 
■另存為■ 
<input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存為><OBJECT 

classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> 
■屬性■ 
<input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=屬性><OBJECT 

classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> 
■打印■ 
<input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印><OBJECT 

classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> 
■頁面設置■ 
<input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=頁面設置><OBJECT 

classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> 
■刷新■ 
<input type=button value=刷新 name=refresh onclick="window.location.reload()"> 
■導入收藏■ 
<input type="button" name="Button" value="導入收藏夾" onClick=window.external.ImportExportFavorites(true,);> 
■導出收藏■ 
<input type="button" name="Button3" value="導出收藏夾" onClick=window.external.ImportExportFavorites(false,);> 
■加入收藏■ 
<INPUT name=Button2 onclick="window.external.AddFavorite(location.href, document.title)" type=button value=加入收藏 

夾> 
■整理收藏夾■ 
<INPUT name=Submit2 onclick="window.external.ShowBrowserUI(OrganizeFavorites, null)" type=button value=整理收藏夾> 
■查看原文件■ 
<INPUT name=Button onclick=window.location = "view-source:" + window.location.href type=button value=查看源文件> 
■語言設置■ 
<INPUT name=Button onclick="window.external.ShowBrowserUI(LanguageDialog, null)" type=button value=語言設置> 
■前進■ 
<INPUT name=Submit onclick=history.go(1) type=submit value=前進> 
■后退■ 
<INPUT name=Submit2 onclick=history.go(-1) type=submit value=后退> 

⑥ 
//改變CSS樣式 
一、局部改變樣式(區(qū)分大小寫) 
改變className(不用加上style) 
document.getElementById('t2').className=”…” 
改變classText(必須加上style) 
document.getElementById('t2').style.cssText=”…” 
直接改變控件的CSS的樣式 
document.getElementById('t2').style.backgroundColor=”#003366″ 
二、全局改變樣式(換膚) 
給現在使用的CSS樣式加一個id,換膚的時候,更改引用的CSS樣式的路徑,例如: 
<link rel = "stylesheet" type="text/css" id="css" href="firefox.css" /> 
<span on click="javascript:document.getElementById('css').href = 'ie.css'">點我改變樣式</span> 

⑦ 
//生成隨機數,參數為(最小值,最大值) 
function GetRnd(min,max){ 
return parseInt(Math.random()*(max-min+1)); 
} 

⑧ 
//js中把字符串轉化為數字 
parseInt("123"); //123