📄 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 + -