罗伯特文丘里作品:常用的一些javascript小技巧

来源:百度文库 编辑:偶看新闻 时间:2024/04/28 19:57:47
heneyan注:请大家直接使用Ctrl+F来搜索要的东西

--------------------------------------------
关于版权
刚刚得知一个消息,该贴内容首先出自ttyp的blog,http://ttyp.cnblogs.com/archive/2004/11/15/63900.aspx,而楼主却将其标识为“本人搜集的一些javascript小技巧”。经检查证实,楼主要么是直接从ttyp的blog上转贴或者从网上转贴。转贴不标转贴。。。去掉为其打的分数,并为我后知后觉对ttyp造成的一些影响表示抱歉。
--------------------------------------------


本人搜集的一些javascript小技巧!
事件源对象
  1. event.srcElement.tagName
  2. event.srcElement.type
复制代码
捕获释放
  1. event.srcElement.setCapture();  
  2. event.srcElement.releaseCapture();
复制代码
事件按键

  1. event.keyCode
  2. event.shiftKey
  3. event.altKey
  4. event.ctrlKey
复制代码
事件返回值

  1. event.returnValue
复制代码
鼠标位置
event.x
event.y
窗体活动元素
document.activeElement
绑定事件

  1. document.captureEvents(Event.KEYDOWN);
复制代码
访问窗体元素
  1. document.all("txt").focus();
  2. document.all("txt").select();
复制代码
窗体命令
document.execCommand
窗体COOKIE
document.cookie
菜单事件
document.oncontextmenu
创建元素
  1. document.createElement("SPAN");
复制代码
根据鼠标获得元素:

  1. document.elementFromPoint(event.x,event.y).tagName=="TD
  2. document.elementFromPoint(event.x,event.y).appendChild(ms)
复制代码
窗体图片
document.images[索引]
窗体事件绑定
document.onmousedown=scrollwindow;
元素
document.窗体.elements[索引]
对象绑定事件
  1. document.all.xxx.detachEvent('onclick',a);
复制代码
插件数目
navigator.plugins
取变量类型

  1. typeof($js_libpath) == "undefined"
复制代码
下拉框
下拉框.options[索引]
下拉框.options.length
查找对象
  1. document.getElementsByName("r1");
  2. document.getElementById(id);
复制代码
定时
  1. timer=setInterval('scrollwindow()',delay);
  2. clearInterval(timer);
复制代码
UNCODE编码
escape() ,unescape
父对象
  1. obj.parentElement(dhtml)
  2. obj.parentNode(dom)
复制代码
交换表的行

  1. TableID.moveRow(2,1)
复制代码
替换CSS
document.all.csss.href = "a.css";
并排显示
display:inline
隐藏焦点
hidefocus=true
根据宽度换行
style="word-break:break-all"
自动刷新

简单邮件
  
快速转到位置
obj.scrollIntoView(true)


anchors
网页传递参数

  1. 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]
防止点击空链接时,页面往往重置到页首端。

  1. word
  2. 上一网页源
  3. asp:
  4. request.servervariables("HTTP_REFERER")
  5. javascript:
  6. document.referrer
复制代码
释放内存

  1. CollectGarbage();
复制代码
禁止右键
  1. document.oncontextmenu = function() { return false;}
复制代码
禁止保存
复制代码
禁止选取
  1. 复制代码
    禁止粘贴

    复制代码
    地址栏图标
    复制代码
    favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
    收藏栏图标
    复制代码
    查看源码

    复制代码
    关闭输入法

    复制代码
    自动全选

    复制代码
    ENTER键可以让光标移到下一个输入框

    复制代码
    文本框的默认值

    复制代码
    title换行

    1. obj.title = "123 sdfs "
    复制代码
    获得时间所代表的微秒
    1. var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
    复制代码
    窗口是否关闭
    1. win.closed
    复制代码
    checkbox扁平

    复制代码
    获取选中内容
    1. document.selection.createRange().duplicate().text
    复制代码
    自动完成功能

    1. 打开该功能  
    2. 关闭该功能
    复制代码  
    窗口最大化
    复制代码
    无关闭按钮IE

    1. window.open("aa.htm", "meizz", "fullscreen=7");
    复制代码
    统一编码/解码

    1. alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
    2. encodeURIComponent对":"、"/"、";" 和 "?"也编码
    复制代码
    表格行指示

    复制代码
    //各种尺寸
    1. s  +=  "\r\n网页可见区域宽:"+  document.body.clientWidth;   
    2. s  +=  "\r\n网页可见区域高:"+  document.body.clientHeight;   
    3. s  +=  "\r\n网页可见区域高:"+  document.body.offsetWeight  +"  (包括边线的宽)";   
    4. s  +=  "\r\n网页可见区域高:"+  document.body.offsetHeight  +"  (包括边线的宽)";   
    5. s  +=  "\r\n网页正文全文宽:"+  document.body.scrollWidth;   
    6. s  +=  "\r\n网页正文全文高:"+  document.body.scrollHeight;   
    7. s  +=  "\r\n网页被卷去的高:"+  document.body.scrollTop;   
    8. s  +=  "\r\n网页被卷去的左:"+  document.body.scrollLeft;   
    9. s  +=  "\r\n网页正文部分上:"+  window.screenTop;   
    10. s  +=  "\r\n网页正文部分左:"+  window.screenLeft;   
    11. s  +=  "\r\n屏幕分辨率的高:"+  window.screen.height;   
    12. s  +=  "\r\n屏幕分辨率的宽:"+  window.screen.width;   
    13. s  +=  "\r\n屏幕可用工作区高度:"+  window.screen.availHeight;   
    14. s  +=  "\r\n屏幕可用工作区宽度:"+  window.screen.availWidth;
    复制代码