JS一些技巧收藏

阅读更多

• 事件源对象
  event.srcElement.tagName
  event.srcElement.type     
• 捕获释放
  event.srcElement.setCapture();  
  event.srcElement.releaseCapture();      
• 事件按键
  event.keyCode
  event.shiftKey
  event.altKey
  event.ctrlKey     
• 事件返回值
  event.returnValue     
• 鼠标位置
  event.x
  event.y     
• 窗体活动元素
  document.activeElement     
• 绑定事件
  document.captureEvents(Event.KEYDOWN);     
• 访问窗体元素
  document.all("txt").focus();
  document.all("txt").select();     
• 窗体命令
  document.execCommand     
• 窗体COOKIE
  document.cookie     
• 菜单事件
  document.oncontextmenu     
• 创建元素
  document.createElement("SPAN");      
• 根据鼠标获得元素：
  document.elementFromPoint(event.x,event.y).tagName=="TD
  document.elementFromPoint(event.x,event.y).appendChild(ms)      
• 窗体图片
  document.images[索引]     
• 窗体事件绑定
  document.onmousedown=scrollwindow;     
• 元素
  document.窗体.elements[索引]     
• 对象绑定事件
  document.all.xxx.detachEvent('onclick',a);     
• 插件数目
  navigator.plugins     
• 取变量类型
  typeof($js_libpath) == "undefined"     
• 下拉框
  下拉框.options[索引]
  下拉框.options.length     
• 查找对象
  document.getElementsByName("r1");
  document.getElementById(id);     
• 定时
  timer=setInterval('scrollwindow()',delay);
  clearInterval(timer);     
• UNCODE编码
  escape() ,unescape     
• 父对象
  obj.parentElement(dhtml)
  obj.parentNode(dom)     
• 交换表的行
  TableID.moveRow(2,1)     
• 替换CSS
  document.all.csss.href = "a.css";     
• 并排显示
  display:inline     
• 隐藏焦点
  hidefocus=true     
• 根据宽度换行
  style="word-break:break-all"     
• 自动刷新
       
• 简单邮件
        
• 快速转到位置
  obj.scrollIntoView(true)     
• 锚
  
  anchors     
• 网页传递参数
  location.search();     
• 可编辑
  obj.contenteditable=true     
• 执行菜单命令
  obj.execCommand     
• 双字节字符
  /[^\x00-\xff]/
  汉字
  /[\u4e00-\u9fa5]/     
• 让英文字符串超出表格宽度自动换行
  word-wrap: break-word; word-break: break-all;     
• 透明背景
       
• 获得style内容
  obj.style.cssText     
• HTML标签
  document.documentElement.innerHTML     
• 第一个style标签
  document.styleSheets[0]     
• style标签里的第一个样式
  document.styleSheets[0].rules[0]     
• 防止点击空链接时，页面往往重置到页首端。
  word     
• 上一网页源
  asp:
  request.servervariables("HTTP_REFERER")
  javascript:
  document.referrer     
• 释放内存
  CollectGarbage();     
• 禁止右键
  document.oncontextmenu = function() { return false;}     
• 禁止保存
      
• 禁止选取"return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>      
• 禁止粘贴
       
• 地址栏图标
  
  favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下     
• 收藏栏图标
      
• 查看源码
      
• 关闭输入法
      
• 自动全选
       
• ENTER键可以让光标移到下一个输入框
       
• 文本框的默认值
       
• title换行
  obj.title = "123 sdfs "     
• 获得时间所代表的微秒
  var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()     
• 窗口是否关闭
  win.closed     
• checkbox扁平
  
       
• 获取选中内容
  document.selection.createRange().duplicate().text     
• 自动完成功能
  打开该功能  
  关闭该功能        
• 窗口最大化
       
• 无关闭按钮IE
  window.open("aa.htm", "meizz", "fullscreen=7");     
• 统一编码/解码
  alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
  encodeURIComponent对":"、"/"、";" 和 "?"也编码     
• 表格行指示
      

//POST代替FORM

//readyState是xmlhttp返回数据的进度，0=载入中,1=未初始化,2=已载入,3=运行中,4=完成

(1)拖拽访问
event.dataTransfer.setData( "URL", oImage.src);
sImageURL = event.dataTransfer.getData( "URL")
(2)普通访问
window.clipboardData.setData( "Text",oSource.innerText);
window.clipboardData.getData( "Text");

"save" CONTENT= "history">

"page-break-after:always">page1

   
"page-break-after:always">page2

   

"ROBOTS" content= "属性值">
　　其中属性值有以下一些:
　　属性值为 "all": 文件将被检索，且页上链接可被查询；
　　属性值为 "none": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index": 文件将被检索；
　　属性值为 "follow": 查询页上的链接；
　　属性值为 "noindex": 文件不检索，但可被查询链接；
　　属性值为 "nofollow":  

  
  
  
  
  
  

"pragma" CONTENT= "no-cache">
"Cache-Control" CONTENT= "no-cache, must-revalidate">
"expires" CONTENT= "0">

"window.external.ImportExportFavorites(true,'http://localhost');">
"window.external.ImportExportFavorites(false,'http://localhost');">
"window.external.ShowBrowserUI('OrganizeFavorites', null)">
"window.external.ShowBrowserUI('LanguageDialog', null)">
"window.external.AddFavorite('http://www.google.com/', 'google')">
"window.external.addChannel('http://www.google.com/')">
"window.external.showBrowserUI('PrivacySettings',null)">

"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">

language="javascript">
function jStartExcel() {
var xls = new ActiveXObject ( "Excel.Application" );
xls.visible = true;
var newBook = xls.Workbooks.Add;
newBook.Worksheets.Add;
newBook.Worksheets(1).Activate;
xls.ActiveWorkBook.ActiveSheet.PageSetup.Orientation = 2;
xls.ActiveWorkBook.ActiveSheet.PageSetup.PaperSize = 5;
newBook.Worksheets(1).Columns("A").columnwidth=50;
newBook.Worksheets(1).Columns("A").WrapText = true;
newBook.Worksheets(1).Columns("B").columnwidth=50;
newBook.Worksheets(1).Columns("B").WrapText = true;
newBook.Worksheets(1).Range("A1:B1000").NumberFormat = "0";
newBook.Worksheets(1).Range("A1:B1000").HorizontalAlignment = -4131;
newBook.Worksheets(1).Cells(1,1).Interior.ColorIndex="15";
newBook.Worksheets(1).Cells(1,1).value="First Column, First Cell";
newBook.Worksheets(1).Cells(2,1).value="First Column, Second Cell";
newBook.Worksheets(1).Cells(1,2).value="Second Column, First Cell";
newBook.Worksheets(1).Cells(2,2).value="Second Column, Second Cell";
newBook.Worksheets(1).Name="My First WorkSheet";
}
    

 

"123" onfocus= "cc()">

 

匹配中文字符的正则表达式： [\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,''))"
1.用正则表达式限制只能输入全角字符： onkeyup= "value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste= "clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
2.用正则表达式限制只能输入数字：onkeyup= "value=value.replace(/[^\d]/g,'') "onbeforepaste= "clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
3.用正则表达式限制只能输入数字和英文：onkeyup= "value=value.replace(/[\W]/g,'') "onbeforepaste= "clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

//消除图像工具栏

"mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">  
or