?? js使用小技巧.htm
字號:
<style>body,table,p,font{font-size:12px;line-height:20px}p{margin:0}</style><div align=center style=font-family:黑體;font-size:18;color:#404040>js使用小技巧</div><hr size=1 color=#404040><div align=right style=color:#404040>05-1-9 11:27 幻宇</div><P><FONT color=#9932cc>1.收藏時用圖標顯示</FONT></P><P><link REL="SHORTCUT ICON" href="http://www.asp888.net/site.ico"></P><P><FONT color=#9932cc>2.TD內容實現不換行</FONT></P><P>只要使用noWrap屬性即可</P><P><FONT color=#9932cc>3.獲得客戶端文件大小</FONT></P><P><img src="http://www.webucn.com/web/images/banner.gif" onmouseover="this.alt='文件大小為：'+this.fileSize+'字節'"></P><P><FONT color=#9932cc>4.動態刪除元素</FONT></P><P>img1.removeNode(true)<BR><FONT color=#9932cc>5.模擬按鍵：</FONT><BR>var WshShell = new ActiveXObject("WScript.Shell"); <BR>WshShell.sendKeys("{F11}"); <BR><FONT color=#9932cc>6.以下語句不需要糾錯判斷</FONT></P><P>for(i=2;i<1;i++){}</P><P><FONT color=#ff0000>7.把js文件群打包掉用</FONT></P><P><script archive=utils.jar src=animation.js></script></P><P><FONT color=#9932cc>8.獲得當前選中文本</FONT></P><P>document.getSelection()</P><P><FONT color=#9932cc>9.獲得對象在document.all[]中元素的下標</FONT></P><P>txt1.sourceIndex</P><P><FONT color=#9932cc>10.滾動文檔到窗口頂部或底部</FONT></P><P>txt1.scrollIntoView(true)</P><P><FONT color=#9932cc>11.段落自動縮進</FONT></P><P><p style=text-indent:26px>內容</p></P><P><FONT color=#9932cc>12.客戶端IP地址</FONT></P><P>Request.ServerVariables("REMOTE_HOST")</P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">13.元素投影(可徹底解決網頁中投影問題)</FONT></FONT></P><P>filter:progid:DXImageTransform.Microsoft.Shadow(color='gray',Direction=135, Strength=3)</P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ff00ff; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">14.圖片熱區焦點隱藏</FONT></FONT></P><P><img hideFocus></P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">15.不能在onload事件中open窗口，否則會被攔截</FONT></P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">16.選擇本地文件時改變圖片源</FONT></P><P><input type="file" onpropertychange="img.src=value"></P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">17.獲取文件路徑</FONT></P><P>var str = "http://localhost/Home/manage/FCKeditor/dialog/fck_image.html"; str = str.replace(/[^\/]+$/,"");</P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">18.js中的trim</FONT></P><P>String.prototype.trim = function()<BR>{<BR> return this.replace(/(^[\s]*)|([\s]*$)/g, "");<BR>}</P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">19.定義樣式表的子元素樣式</FONT></P><P>.cls button{color:red}</P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">21.文本框tab</FONT></P><P><textarea onkeydown="if(event.keyCode==9){clipboardData.setData('Text', ' ');execCommand('paste');return false}" rows=8 cols=28><BR></textarea></P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">22.最大化窗口</FONT></P><P><OBJECT classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" onreadystatechange="if (this.readyState==4) this.Click();" VIEWASTEXT><PARAM name="Command" value="Maximize"></OBJECT></P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">23.圖片title換行符</FONT></P><P>&#13;</P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">24.對body的click事件重定義</FONT></P><P>document.body.onclick=function(){ alert() }</P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">25.10進制轉換為16進制</FONT></P><P>alert((255).toString(16))</P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">26.隱藏鏈接提示</FONT></P><P><style> <BR>a {evt:expression(window.status='')} <BR></style> <BR><a href=http://ywicc.com>no status information</a></P><P>注意：expression為獲焦或失焦時執行，可為寄主創建一參數，使其只執行一次，用于表格控制</P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">27.同時執行兩事件</FONT></P><P>function document.onclick,document.onkeydown(){<BR> window.alert('Hello World!!!');<BR>}</P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">28.不顯示圖片工具欄</FONT></P><P><meta http-equiv="imagetoolbar" content="no"></P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">29.頁面最大化</FONT></P><P><OBJECT classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" onreadystatechange="if (this.readyState==4) this.Click();" VIEWASTEXT><PARAM name="Command" value="Maximize"></OBJECT></P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">30.提交到新的可自義窗口</FONT></P><P><form method="post" action="1.htm" target="test" onSubmit="window.open('','test','width=100,height=100')"><BR><input type="submit"><BR></form></P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">31.用css控制表格間隔色</FONT></P><P>tr{background:expression(this.rowIndex%2==0 ? "red":"")}</P><P><FONT color=#9932cc><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">32.取得字符的asc碼</FONT></FONT></P><P>"s".charCodeAt(0)</P><P><FONT color=#9932cc><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">33.獲得行對象所在行數</FONT></FONT></P><P>o.rowIndex</P><P><FONT color=#9932cc><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">34.去掉最后一個字符</FONT></FONT></P><P>s.slice(0,-1)</P><P><FONT color=#9932cc><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">35.獲得系統背景色</FONT></FONT></P><P>style=background:buttonface</P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">36.表格導出為excel文件</FONT></P><P>客戶端提供鏈接，在服務器端輸出xls文件，由客戶保存到客戶端即可</P><P>服務器端改變文件名的方法是</P><P>Response.ContentType = "application/vnd.ms-excel"</P><P>Response.AddHeader("Content-Disposition", "attachment;filename=demo.exe") </P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">37.在模式窗口中鏈接</FONT></P><P><base target="_self"></P><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #800080; FONT-STYLE: normal; FONT-FAMILY: 宋體; font-decoration: none">38.求兩點夾角</FONT></P><P>Math.atan2(y1-y0, x1-x0)*180/Math.PI</P>?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -