當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
常用的JS小功能整理
生活随笔
收集整理的這篇文章主要介紹了
常用的JS小功能整理
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<a href="#" onclick ="this.style.behavior='url(#default#homepage)';this.sethomepage('http://www.mingrisoft.com')" style=" color:Black; font-size: 9pt; font-family: 宋體; text-decoration :none;" >設置主頁</a>
<a href="#" οnclick="window.external.addFavorite('http://www.mingrisoft.com','新聞發(fā)布網(wǎng)站');" style=" color:Black; font-size: 9pt; font-family: 宋體; text-decoration :none;" >收藏本站</a>
方法一：?
以下內(nèi)容為程序代碼：
Response.Write("<br><a href='index.asp'>點擊回到主葉</a><br>或者等待3秒后自動返回你所指定的頁面<meta http-equiv='refresh' content='3;url=你所指定的頁面網(wǎng)址'><br>")
?
方法二：?
以下內(nèi)容為程序代碼：
| response.write ("<p align=center>3秒后自動返回你所指定的頁面<script>window.setTimeout(""location.href='你所指定的頁面網(wǎng)址''"",3000);</script></p>") |
3秒后自動關閉窗口?
以下內(nèi)容為程序代碼：
| <script language="javascript">? function closeWidnow()? {? window.close();? }? </script>? </head>? <body onLoad="setTimeout(closeWidnow,3000)"> |
彈出新頁面?
以下內(nèi)容為程序代碼：
| Response.Write("<Script>window.open('url')</script>"); |
返回上一頁?
以下內(nèi)容為程序代碼：
| Response.Write("<script language='javascrip'>")? Response.Write("<a herf='javascript:history.go(-1);')>返回</a>")? Response.Write("</script>") |
做一個loading過渡?
以下內(nèi)容為程序代碼：
//?
以下內(nèi)容為程序代碼：
View Code Response.Write("<div id='mydiv' >") Response.Write("_") Response.Write("</div>") Response.Write("<script>mydiv.innerText = '';</script>") Response.Write("<script language=javascript>;") Response.Write("var dots = 0;var dotmax = 10;function ShowWait()") Response.Write("{var output; output = '正在裝載頁面';dots++;if(dots>=dotmax)dots=1;") Response.Write("for(var x = 0;x < dots;x++){output += '·';}mydiv.innerText = output;}") Response.Write("function StartShowWait(){mydiv.style.visibility = 'visible'; ") Response.Write("window.setInterval('ShowWait()',1000);}") Response.Write("function HideWait(){mydiv.style.visibility='hidden';") Response.Write("window.clearInterval();}") Response.Write("StartShowWait();</script>") Response.Flush() Thread.Sleep(10000) 在aspx窗體的html的中輸入： <script> HideWait(); </script>?
怎樣使按鈕響應回車鍵?
定在<head></head>之間?
以下內(nèi)容為程序代碼：
| <script language="javascript" event="onkeydown" for="document">? if(event.keyCode==13)? {? document.all('Button1').focus();? document.all('Button1').click();? }? </script>? ################################或者? <form name="aa"></form>? <script>? function aa()? {? if(window.event.keycode==13)? aa.submit();? } |
?
?
表格整理
表格復選、復選變色、以及行的間隔行\(zhòng)用Hotmail的時候注意下，就是這個效果 ? ?以下內(nèi)容為程序代碼：
?
View Code <style type="text/css"><!--.row {BACKGROUND-COLOR: expression(rowIndex%2==1?'':'#F5F5F5')}Body {FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,sans-serif;LINE-HEIGHT: 150%;}Td {FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,sans-serif;LINE-HEIGHT: 150%;}.tb {border-collapse: collapse}--></style><script language="JavaScript" type="text/JavaScript">//復選 function selectAll(chk){var chk = document.form1.chkAll.checked;for (i=0;i<document.all.length;i++) {if (document.all[i].name=="id[]") {document.all[i].checked=chk;chkRow(document.all[i]);}}}//復選后單元格變色 function chkRow(obj){var r = obj.parentElement.parentElement;if(obj.checked){ r.style.backgroundColor="#E6E9F2";}else {if(r.rowIndex%2==1)r.style.backgroundColor="";else r.style.backgroundColor="#F5F5F5";}}</script><table width="50%" border="1" cellpadding="3" cellspacing="0" bordercolor="#333333" class="tb"><form name="form1" method="post" action=""><tr class="row"><td width="5%"> </td><td width="33%" align="center"><strong>論壇名稱</strong></td><td width="62%" align="center"><strong>網(wǎng) 址</strong></td></tr><tr class="row"><td align="center"><input type="checkbox" name="id[]" value="1" οnclick="javascript:chkRow(this);"></td><td align="center">織夢亂彈</td><td align="center"><a href="http://www.it365cn.com/bbs" target="_blank">http://www.it365cn.com/bbs</a></td></tr><tr class="row"><td align="center"><input type="checkbox" name="id[]" value="1" οnclick="javascript:chkRow(this);"></td><td align="center">經(jīng)典論壇</td><td align="center"><a href="http://www.blueidea.com/bbs" target="_blank">http://www.blueidea.com/bbs</a></td></tr><tr class="row"><td align="center"><input type="checkbox" name="id[]" value="1" οnclick="javascript:chkRow(this);"></td><td align="center">點燃靈感</td><td align="center"><a href="http://www.fwcn.com/bbs" target="_blank">http://www.fwcn.com/bbs</a></td></tr><tr class="row"><td colspan="3"><input type="checkbox" name="chkAll" title="全選/取消" οnclick="selectAll()"> <strong>全選/取消</strong></td></tr></form></table>限制表格的大小
style=" table-layout:fixed;word-break:break-all" '關鍵就是這句了
如果是只要限制td大小 可以
無論大圖還是文字，一律限制。
以下內(nèi)容為程序代碼：
<table align=center width=200 height=100 bgcolor=#f3f3f3 style="filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=5)" style="table-layout:fixed;word-break:break-all" ><tr> <td><center><img src="http://www.cnbruce.com/images/cnrose/mi.jpg"></td> </tr><tr> <td> cnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbruce</td></tr></table>表格行換色
以下內(nèi)容為程序代碼：
<style>#oTable tr {alternateColor:expression(bgColor=rowIndex%2==0?'#cccccc':'#efefef')}</style><table width=500 height=100 border=1 ID="oTable"><tr> <td></td> </tr><tr> <td></td> </tr></table>例如論壇某一主題如果回復超過10，前面就用一個熱門主題的小圖標來顯示，如果少于10就用普通的主題圖標顯示。
可以用ItemDataBound的觸發(fā)事件來實現(xiàn)。如果不用模板列和image控件。用boundcolumn可以這樣實現(xiàn)：
以下內(nèi)容為程序代碼：
Private Sub Img_ItemBound(ByVal sender As System.Object, ByVal e As DataGridItemEventArgs) Handles MyDataGrid.ItemDataBoundIf e.Item.ItemIndex > -1 ThenIf e.Item.Cells(0).Text < 10 Thene.Item.Cells(0).Text = String.Format("<img src='images/fold.gif'>")Elsee.Item.Cells(0).Text = String.Format("<img src='images/hotfold.gif'>")End IfEnd IfEnd Sub轉(zhuǎn)載于:https://www.cnblogs.com/fighting-mochou/archive/2012/12/17/2822432.html
總結(jié)
以上是生活随笔為你收集整理的常用的JS小功能整理的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 重新绘制TabControl的Tabpa
- 下一篇： 《Ext JS高级程序设计》节选：在CR