javascript小技巧[2]

[入库:2006年2月23日] [更新:2007年3月24日]

本文简介:

框的默认值
  <input type=text value="123" onfocus="alert(this.defaultValue)">
  title换行
  obj.title = "123&#13sdfs&#32"
  获得时间所代表的微秒
  var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
  窗口是否关闭
  win.closed
  checkbox扁平
  <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px
  5px)"><br>
  获取选中内容
  document.selection.createRange().duplicate().text
  自动完成功能
  <input  type=text  autocomplete=on>打开该功能 
  <input  type=text  autocomplete=off>关闭该功能   
  窗口最大化
  <body onload="window.resizeTo(window.screen.width -
  4,window.screen.height-50);window.moveTo(-4,-4)">
  无关闭按钮IE
  window.open("aa.htm", "meizz", "fullscreen=7");
  统一编码/解码
  alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
  encodeURIComponent对":"、"/"、";" 和 "?"也编码
  表格行指示
  <tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">

  //各种尺寸
  s  +=  "\r\n网页可见区域宽:"+  document.body.clientWidth;  
  s  +=  "\r\n网页可见区域高:"+  document.body.clientHeight;  
  s  +=  "\r\n网页可见区域高:"+  document.body.offsetWeight  +"  (包括边线的宽)";  
  s  +=  "\r\n网页可见区域高:"+  document.body.offsetHeight  +"  (包括边线的宽)";  
  s  +=  "\r\n网页正文全文宽:"+  document.body.scrollWidth;  
  s  +=  "\r\n网页正文全文高:"+  document.body.scrollHeight;  
  s  +=  "\r\n网页被卷去的高:"+  document.body.scrollTop;  
  s  +=  "\r\n网页被卷去的左:"+  document.body.scrollLeft;  
  s  +=  "\r\n网页正文部分上:"+  window.screenTop;  
  s  +=  "\r\n网页正文部分左:"+  window.screenLeft;  
  s  +=  "\r\n屏幕分辨率的高:"+  window.screen.height;  
  s  +=  "\r\n屏幕分辨率的宽:"+  window.screen.width;  
  s  +=  "\r\n屏幕可用工作区高度:"+  window.screen.availHeight;  
  s  +=  "\r\n屏幕可用工作区宽度:"+  window.screen.availWidth;  
//过滤数字
<input type=text onkeypress="return
event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)"
onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return
false">
//特殊用途
<input type=button value=导入收藏夹
onclick="window.external.ImportExportFavorites(true,'http://localhost');">
<input type=button value=导出收藏夹
onclick="window.external.ImportExportFavorites(false,'http://localhost');">
<input type=button value=整理收藏夹
onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)">
<input type=button value=语言设置  
onclick="window.external.ShowBrowserUI('LanguageDialog', null)">
<input type=button value=加入收藏夹
onclick="window.external.AddFavorite('http://www.google.com/', 'google')">
<input type=button value=加入到频道
onclick="window.external.addChannel('http://www.google.com/')">
<input type=button value=加入到频道
onclick="window.external.showBrowserUI('PrivacySettings',null)">
//不缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">

//正则匹配
匹配中文字符的正则表达式: [\u4e00-\u9fa5]
匹配双字节字符(包括汉字在内):[^\x00-\xff]
匹配空行的正则表达式:\n[\s| ]*\r
匹配HTML标记的正则表达式:/<(.*)>.*<\/\1>|<(.*) \/>/ 
匹配首尾空格的正则表达式:(^\s*)|(\s*$)(像vbscript那样的trim函数)
匹配Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配网址URL的正则表达式:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
以下是例子:
利用正则表达式限制网页表单里的文本框输入内容:
用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"

本文关键:javascript小技巧
  相关方案
Google
 

本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)

go top