zoukankan      html  css  js  c++  java
  • [转]javascript小技巧,超强推荐

    事件源对象
    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"
    自动刷新
    <metaHTTP-EQUIV="refresh"CONTENT="8;URL=http://c98.yeah.net">
    简单邮件
    <ahref="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">
    快速转到位置
    obj.scrollIntoView(true)

    <aname="first">
    <ahref="#first">anchors</a>
    网页传递参数
    location.search();
    可编辑
    obj.contenteditable=true
    执行菜单命令
    obj.execCommand
    双字节字符
    /[^\x00-\xff]/
    汉字
    /[\u4e00-\u9fa5]/
    让英文字符串超出表格宽度自动换行
    word-wrap:break-word;word-break:break-all;
    透明背景
    <IFRAMEsrc="1.htm"width=300height=180allowtransparency></iframe>
    获得style内容
    obj.style.cssText
    HTML标签
    document.documentElement.innerHTML
    第一个style标签
    document.styleSheets[0]
    style标签里的第一个样式
    document.styleSheets[0].rules[0]
    防止点击空链接时,页面往往重置到页首端。
    <ahref="javascript:function()">word</a>
    上一网页源
    asp:
    request.servervariables("HTTP_REFERER")
    javascript:
    document.referrer
    释放内存
    CollectGarbage();
    禁止右键
    document.oncontextmenu=function(){returnfalse;}
    禁止保存
    <noscript><iframesrc="*.htm"></iframe></noscript>
    禁 止选取<bodyoncontextmenu="returnfalse"ondragstart= "returnfalse"onselectstart="returnfalse"onselect="document.selection.empty()"oncopy="document.selection.empty()"onbeforecopy="returnfalse"onmouseup="document.selection.empty()>
    禁止粘贴
    <inputtype=textonpaste="returnfalse">
    地址栏图标
    <linkrel="ShortcutIcon"href="favicon.ico">
    favicon.ico名字最好不变16*16的16色,放虚拟目录根目录下
    收藏栏图标
    <linkrel="Bookmark"href="favicon.ico">
    查看源码
    <inputtype=buttonvalue=查看网页源代码onclick="window.location='view-source:'+'http://www.csdn.net/'">
    关闭输入法
    <inputstyle="ime-mode:disabled">
    自动全选
    <inputtype=textname=text1value="123"onfocus="this.select()">
    ENTER键可以让光标移到下一个输入框
    <inputonkeydown="if(event.keyCode==13)event.keyCode=9">
    文本框的默认值
    <inputtype=textvalue="123"onfocus="alert(this.defaultValue)">
    title换行
    obj.title="123 sdfs "
    获得时间所代表的微秒
    varn1=newDate("2004-10-10".replace(/-/g,"\/")).getTime()
    窗口是否关闭
    win.closed
    checkbox扁平
    <inputtype=checkboxstyle="position:absolute;clip:rect(5px15px15px5px)"><br>
    获取选中内容
    document.selection.createRange().duplicate().text
    自动完成功能
    <inputtype=textautocomplete=on>打开该功能
    <inputtype=textautocomplete=off>关闭该功能
    窗口最大化
    <bodyonload="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对":"、"/"、";"和"?"也编码
    表格行指示
    <tronmouseover="this.bgColor='#f0f0f0'"onmouseout="this.bgColor='#ffffff'">
  • 相关阅读:
    Python3之json文件操作
    Python3之MySQL操作
    使用requests模块的网络编程
    Python 判断小数的函数
    python之函数
    CPUID
    .inc
    probe,victim,
    coolcode
    Linux vim 常用方法
  • 原文地址:https://www.cnblogs.com/niuniu502/p/877092.html
Copyright © 2011-2022 走看看