1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

常用的一些javascript小技巧(一)(ZT)

本帖由 不学无术2005-12-21 发布。版面名称:前端开发

  1. 不学无术

    不学无术 Ulysses 的元神

    注册:
    2005-08-31
    帖子:
    16,714
    赞:
    39
    事件源对象
    PHP:
    event.srcElement.tagName 
    event
    .srcElement.type
    捕获释放
    PHP:
    event.srcElement.setCapture();  
    event.srcElement.releaseCapture();
    事件按键
    PHP:
    event.keyCode 
    event
    .shiftKey 
    event
    .altKey 
    event
    .ctrlKey 
    事件返回值
    PHP:
    event.returnValue 
    鼠标位置
    PHP:
    event.
    event
    .
    窗体活动元素
    PHP:
    document.activeElement 
    绑定事件
    PHP:
    document.captureEvents(Event.KEYDOWN); 
    访问窗体元素
    PHP:
    document.all("txt").focus(); 
    document.all("txt").select(); 
    窗体命令
    PHP:
    document.execCommand 
    窗体COOKIE
    PHP:
    document.cookie 
    菜单事件
    PHP:
    document.oncontextmenu
    创建元素
    PHP:
    document.createElement("SPAN"); 
    根据鼠标获得元素:
    PHP:
    document.elementFromPoint(event.x,event.y).tagName=="TD" 
    document.elementFromPoint(event.x,event.y).appendChild(ms)
    窗体图片
    PHP:
    document.images[索引
    窗体事件绑定
    PHP:
    document.onmousedown=scrollwindow
    元素
    PHP:
    document.窗体.elements[索引]
    对象绑定事件

    插件数目
    PHP:
    navigator.plugins 

    取变量类型
    PHP:
    typeof($js_libpath) == "undefined"
    下拉框
    PHP:
    下拉框.options[索引
    下拉框.options.length
    查找对象
    PHP:
    document.getElementsByName("r1"); 
    document.getElementById(id); 
    定时

    UNCODE编码
    PHP:
    escape() ,unescape 
    父对象
    PHP:
    obj.parentElement(dhtml
    obj.parentNode(dom)
    交换表的行
    PHP:
    TableID.moveRow(2,1
    替换CSS
    PHP:
    document.all.csss.href "a.css"
    并排显示
    PHP:
    display:inline
    隐藏焦点
    PHP:
    hidefocus=true 
    根据宽度换行
    PHP:
    style="word-break:break-all"
    自动刷新
    PHP:
    <meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://www,chinahtml.com">
    简单邮件
    PHP:
    <a href="mailto:[email protected]?subject=ccc&body=xxxyyy"
    快速转到位置
    PHP:
    obj.scrollIntoView(true)

    PHP:
    <a name="first"
    <
    a href="#first">anchors</a
    网页传递参数
    PHP:
    location.search();
    可编辑
    PHP:
    obj.contenteditable=true 
    执行菜单命令
    PHP:
    obj.execCommand 
    双字节字符
    PHP:
    /[^\x00-\xff]/ 
    汉字
    PHP:
    /[\u4e00-\u9fa5]/ 
    让英文字符串超出表格宽度自动换行
    PHP:
    word-wrap: break-wordword-break: break-all;
    透明背景
    PHP:
    <IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe
    获得style内容
    PHP:
    obj.style.cssText 
    HTML标签
    PHP:
    document.documentElement.innerHTML 
    第一个style标签
    PHP:
    document.styleSheets[0
    style标签里的第一个样式
    PHP:
    document.styleSheets[0].rules[0
    防止点击空链接时,页面往往重置到页首端。
    PHP:
    <a href="javascript:function()">word</a
    上一网页源
    asp:
    PHP:
    request.servervariables("HTTP_REFERER"
    javascript:
    PHP:
    document.referrer 
    释放内存
    PHP:
    CollectGarbage();
    禁止右键
    PHP:
    document.oncontextmenu = function() { return false;} 
    禁止保存
    PHP:
    <noscript><iframe src="*.htm"></iframe></noscript>
    禁止选取
    PHP:
    <body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()> 
    禁止粘贴
    PHP:
    <input type=text onpaste="return false"
    地址栏图标
    PHP:
    <link rel="Shortcut Icon" href="favicon.ico">
    favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
    收藏栏图标

    PHP:
    <link rel="Bookmark" href="favicon.ico"
    查看源码
    PHP:
    view-source:http://www.chinahtml.com
    关闭输入法
    PHP:
    <input style="ime-mode:disabled"
    自动全选
    PHP:
    <input type=text name=text1 value="123" onfocus="this.select()">
    ENTER键可以让光标移到下一个输入框
    PHP:
    <input onkeydown="if(event.keyCode==13)event.keyCode=9">
    文本框的默认值
    PHP:
    <input type=text value="123" onfocus="alert(this.defaultValue)"
    title换行
    PHP:
    obj.title "123&#13sdfs&#32" 
    获得时间所代表的微秒
    PHP:
    var n1 = new Date("2004-10-10".replace(/-/g"\/")).getTime() 
    窗口是否关闭
    PHP:
    win.closed 
    checkbox扁平
    PHP:
    <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"
    获取选中内容
    PHP:
    document.selection.createRange().duplicate().text
    自动完成功能
    PHP:
    <input  type=text  autocomplete=on>打开该功能  
    <input  type=text  autocomplete=off>关闭该功能
    窗口最大化
    PHP:
    <body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"
    无关闭按钮IE
    PHP:
    window.open("aa.htm""meizz""fullscreen=7"); 
    统一编码/解码
    PHP:
    alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) 
    encodeURIComponent对":""/"";" 和 "?"也编码 
    表格行指示
    PHP:
    //各种尺寸 
    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