js 常用代码集(1)

简介:
  • 事件源对象 
    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"
  • 自动刷新 
    <meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
  • 简单邮件 
    <a href="
    mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">
  • 快速转到位置 
    obj.scrollIntoView(true)
  • 锚 
    <a name="first"> 
    <a href="#first">anchors</a>
  • 网页传递参数 
    location.search();
  • 可编辑 
    obj.contenteditable=true
  • 执行菜单命令 
    obj.execCommand
  • 双字节字符 
    /[^\x00-\xff]/ 
    汉字 
    /[\u4e00-\u9fa5]/
  • 让英文字符串超出表格宽度自动换行 
    word-wrap: break-word; word-break: break-all;
  • 透明背景 
    <IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
  • 获得style内容 
    obj.style.cssText
  • HTML标签 
    document.documentElement.innerHTML
  • 第一个style标签 
    document.styleSheets[0]
  • style标签里的第一个样式 
    document.styleSheets[0].rules[0]
  • 防止点击空链接时,页面往往重置到页首端。 
    <a href="javascript:function()">word</a>
  • 上一网页源 
    asp: 
    request.servervariables("HTTP_REFERER") 
    javascript: 
    document.referrer
  • 释放内存 
    CollectGarbage();
  • 禁止右键 
    document.oncontextmenu = function() { return false;}
  • 禁止保存 
    <noscript><iframe src="*.htm"></iframe></noscript>
  • 禁止选取<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()>
  • 禁止粘贴 
    <input type=text onpaste="return false">
  • 地址栏图标 
    <link rel="Shortcut Icon" href="favicon.ico"> 
    favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
  • 收藏栏图标 
    <link rel="Bookmark" href="favicon.ico">
  • 查看源码 
    <input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">
  • 关闭输入法 
    <input style="ime-mode:disabled">
  • 自动全选 
    <input type=text name=text1 value="123" onfocus="this.select()">
  • ENTER键可以让光标移到下一个输入框 
    <input onkeydown="if(event.keyCode==13)event.keyCode=9">
  • 文本框的默认值 
    <input type=text value="123" onfocus="alert(this.defaultValue)">
  • title换行 
    obj.title = "123 sdfs "
  • 获得时间所代表的微秒 
    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'">
  • 单击返回 
    <a href=javascript:history.back()><span style="text-decoration: none">返回</span></a>






    本文转自wenglabs博客园博客,原文链接:http://www.cnblogs.com/xiexiaokui/archive/2008/07/25/1251674.html ,如需转载请自行联系原作者

相关文章
|
8天前
|
移动开发 JavaScript 前端开发
分享48个JS分页代码特效,总有一款适合您
分享48个JS分页代码特效,总有一款适合您
19 0
|
12天前
|
JavaScript Python 内存技术
分享63个广告代码JS特效,总有一款适合您
分享63个广告代码JS特效,总有一款适合您
24 2
|
22天前
|
JavaScript 前端开发
关于 JavaScript 代码里双重感叹号的语法
关于 JavaScript 代码里双重感叹号的语法
32 1
|
29天前
|
JavaScript 安全 前端开发
分享88个JS焦点图代码,总有一款适合您
分享88个JS焦点图代码,总有一款适合您
23 0
|
29天前
|
移动开发 JavaScript 前端开发
分享116个JS焦点图代码,总有一款适合您
分享116个JS焦点图代码,总有一款适合您
138 0
|
29天前
|
移动开发 JavaScript 定位技术
分享118个JS图片代码,总有一款适合您
分享118个JS图片代码,总有一款适合您
15 0
|
29天前
|
移动开发 JavaScript 前端开发
分享126个JS图片代码,总有一款适合您
分享126个JS图片代码,总有一款适合您
17 0
|
29天前
|
移动开发 JavaScript HTML5
分享106个JS图片代码,总有一款适合您
分享106个JS图片代码,总有一款适合您
14 0
|
16天前
|
机器学习/深度学习 JavaScript Python
GEE机器学习——混淆矩阵Classifier.confusionMatrix()和errorMatrix()和exlain()的用法(js和python代码)
GEE机器学习——混淆矩阵Classifier.confusionMatrix()和errorMatrix()和exlain()的用法(js和python代码)
12 0
|
16天前
|
机器学习/深度学习 自然语言处理 JavaScript
GEE机器学习——最大熵分类器案例分析(JavaScript和python代码)
GEE机器学习——最大熵分类器案例分析(JavaScript和python代码)
15 0

相关产品

  • 云迁移中心