DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 寫js時遇到的一些小問題
寫js時遇到的一些小問題
編輯:關於JavaScript     
1、在寫<asp:Button ……>的OnClientClick事件時,需要加上return;否則會出現OnClientClick返回false,但仍然執行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中的定時循環調用函數 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樣式
一、局部改變樣式(區分大小寫)
改變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
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved