Web中常用的Javascript技巧(1)「建议收藏」

Web中常用的Javascript技巧(1)

大家好,又见面了,我是全栈君。

< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>

事件源对象 



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.οnmοusedοwn=scrollwindow; 

元素 

document.窗体.elements[索引]

 

对象绑定事件 

插件数目

 

navigator.plugins 

取变量类型

 

typeof($js_libpath) == “undefined” 

下拉框

 

下拉框.options[索引] 

下拉框.options.length 

查找对象 

document.getElementsByName(“r1”); 

document.getElementByIdx(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=”***” 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=”http://www.blog.com.cn/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=”http://www.blog.com.cn/*.htm”></iframe></noscript>

禁止选取

<body οncοntextmenu=”return false” οndragstart=”return false” onselectstart =”return false” οnselect=”document.selection.empty()” οncοpy=”document.selection.empty()” onbeforecopy=”return false”οnmοuseup=”document.selection.empty()> 

禁止粘贴

 

<input type=text οnpaste=”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=”http://www.blog.com.cn/123″ οnfοcus=”this.select()”> 

ENTER键可以让光标移到下一个输入框

 

<input οnkeydοwn=”if(event.keyCode==13)event.keyCode=9″>

文本框的默认值

 

<input type=text value=”http://www.blog.com.cn/123″ οnfοcus=”alert(this.defaultValue)”> 

title换行

 

obj.title = “123&#13sdfs&#32” 

获得时间所代表的微秒 

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 οnlοad=”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; 

//不缓存 

<META HTTP-EQUIV=”pragma” CONTENT=”no-cache”> 

<META HTTP-EQUIV=”Cache-Control” CONTENT=”no-cache, must-revalidate”> 

<META HTTP-EQUIV=”expires” CONTENT=”0″> 

//正则匹配 

匹配中文字符的正则表达式: [\u4e00-\u9fa5] 

匹配双字节字符(包括汉字在内):[^\x00-\xff] 

匹配空行的正则表达式:\n[\s| ]*\r 

匹配HTML标记的正则表达式:/<(.*)>.*<\/\1>|<(.*) \/>/  

匹配首尾空格的正则表达式:(^\s*)|(\s*$)(像vbscript那样的trim函数) 

匹配Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 

匹配网址URL的正则表达式:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)? 

本文转自 netcorner 博客园博客,原文链接:http://www.cnblogs.com/netcorner/archive/2006/11/08/2912548.html
,如需转载请自行联系原作者
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/108031.html原文链接:https://javaforall.net

(0)
上一篇 2022年3月8日 下午3:00
下一篇 2022年3月8日 下午4:00


相关推荐

  • Nginx搭建视频点播和视频直播服务器

    Nginx搭建视频点播和视频直播服务器Nginx搭建视频点播和视频直播服务器一·、环境:Centos7,(推荐,Ubuntu不是很好用,经常会有一些莫名其妙的报错)Nginx1.10.1二、系统环境搭建首先,我是不建议自己一个个去安装这些软件的,耗时耗力,而且,容易出错,所以,最好使用yuminstall***命令安装,出错的概率小。资源链接:链接:https://pan.baidu.com/s/1WmJYpQ_b…

    2022年6月14日
    34
  • vbs刷屏代码。复制粘贴即可用

    Dimname,msgname=”请输入要刷屏的文字:”msg=Inputbox(“请输入要刷屏文字(在刷屏期间不要将光标移出聊天框,不然会打开光标所在的程序)”)SetWshShell=WScript.CreateObject(“WScript.Shell”)WshShell.AppActivate”无标题记事本”num=20sleeptime=400…

    2022年4月6日
    178
  • goland激活码(破解版激活)

    goland激活码(破解版激活),https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月17日
    277
  • C#常用 API函数大全[通俗易懂]

    C#常用 API函数大全[通俗易懂]常用WindowsAPI1.API之网络函数WNetAddConnection创建同一个网络资源的永久性连接WNetAddConnection2创建同一个网络资源的连接WNetAddConnection3创建同一个网络资源的连接WNetCancelConnection结束一个网络连接WNetCancelConnection2结束一个网络连接WNetCloseEn

    2025年6月25日
    8
  • C语言实现【关机程序】「建议收藏」

    C语言实现【关机程序】「建议收藏」在讲解关机程序前,必须得先知道一个库函数system(“shutdown-s-t60”)和system(“shutdown-a),其中“shutdown-s”表示关机,“shutdown-a”表示取消关机,“-t60”表示延迟60秒;而要使用该库函数就得引头文件#include<stdlib.h>。下面开始实现关机程序了:#include<stdio.h>#include<stdlib.h>#include<string.h>int.

    2022年7月22日
    11
  • 计算机专业选Java和Python哪个前景好点?[通俗易懂]

    计算机专业选Java和Python哪个前景好点?[通俗易懂]对于学习计算机专业的小伙伴,面对大二选课,开始陷入Java和python的纠结中,从以后的发展来看,这两个编程语言肯定是要通吃的,但前期的学习,可以有一个侧重点,说一下我自己的观点。应很多小伙伴的要求,我们从就业应用前景和学习难易度来分析一下:一、Java1、就业应用前景从目前的招聘量上来看,Java在编程语言中可以说是常胜将军,经常有各种新出的编程语言向它发起挑战,但是Jav…

    2022年7月8日
    23

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号