Your Ad Here
首页 | 编程语言 | 网站建设 | 游戏天堂 | 冲浪宝典 | 网络安全 | 操作系统 | 软件时空 | 硬件指南 | 病毒相关 | IT 认证
软讯网络 > 网站建设 > 网页制作 > 常用的一些javascript小技巧 1
【标  题】:常用的一些javascript小技巧 1
【关键字】:javascript
【来  源】:http://www.cublog.cn/u/19313/showart.php?id=171456

常用的一些javascript小技巧 1

Your Ad Here 事件源对象


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[索引]




对象绑定事件


插件数目


navigator.plugins



取变量类型


typeof($js_libpath) == "undefined"



下拉框


下拉框.options[索引]
下拉框.options.length



查找对象


document.getElementsByName("r1");
document.getElementById(id);




定时


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="mailtaaa@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 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)">



获取选中内容


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对":"、"/"、";" 和 "?"也编码




表格行指示


//各种尺寸


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;
asp与asp.net的区别:【上一篇】
常用的一些javascript小技巧2:【下一篇】
【相关文章】
  • Javascript 操作XML简单介绍
  • 常用的JAVASCRIPT的一些函数的查询
  • JavaScript实用的一些技巧
  • javascript 的几种排序方法
  • JavaScript对象与数组参考大全 ZT
  • javascript中常用的正则表达式
  • JavaScript写的Hashtable
  • javascript操作xml
  • 使用 PHP 和 DHTML 设计 Web 2.0 应用程序,第 2 部分: 使用 JavaScript 创建 HTML 动态元素
  • JavaScript 对象的反射及应用
  • 【随机文章】
  • 第三部分:实现IDataObject(OLE drag&drop之旅)
  • [原创]Object/DataSet Relational Mapping(对象/数据集关系映射)补充代码1
  • WAP网站开发的要点
  • *****管理专家 V1.05版破解实录
  • 淮海工学院学籍管理系统-数据库
  • 新任项目经理的五项修炼
  • Nero Burning ROM v6.6.0.15 Ultra Edition 特别版
  • linux下四种设置基本网络参数的方法
  • ACE5.4.1+TAO1.4在Tru64下的编译
  • 重写日志库的感悟
  • 【相关评论】
    没有相关评论
    【发表评论】
    姓名:
    邮件:
    随机码*
    评论*
          
    |  首 页  |  版权声明  |  联系我们   |  网站地图  |
    CopyRight © 2004-2007 bbb软讯网络 All Rigths Reserved.