常用的一些javascript小技巧

常用的一些javascript小技巧

[作者:oror,from蓝色理想]

事件源对象 


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.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="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 ο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="123" οnfοcus="this.select()"> 


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

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


文本框的默认值

 
<input type=text value="123" οnfοcus="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 ο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- ./?%&=]*)? 


以下是例子: 
利用正则表达式限制网页表单里的文本框输入内容:


//消除图像工具栏
[/html]
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">  
or 
<head> 
<meta http-equiv="imagetoolbar" content="no"> 
</head> 
[/html]
//取得控件得绝对位置(1)
<script language="javascript"> <br /> function getoffset(e) <br /> { <br /> var t=e.offsetTop; <br /> var l=e.offsetLeft; <br /> while(e=e.offsetParent) <br /> { <br /> t+=e.offsetTop; <br /> l+=e.offsetLeft; <br /> } <br /> var rec = new Array(1); <br /> rec[0] = t; <br /> rec[1] = l; <br /> return rec <br /> } <br /> </script> <br /> {
runEx('temp91492')
}" type=button> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
//获得控件的绝对位置(2) 


oRect = obj.getBoundingClientRect(); 
oRect.left 
oRect.


//打印分页


<p  style="page-break-after:always">page1</p>   
<p  style="page-break-after:always">page2</p>   


//设置打印
<br /> <object id="factory" style="display:none" viewastext <br /> classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" <br /> codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360" <br /> ></object> <br /> <input type=button value=页面设置 οnclick="factory.printing.PageSetup()"> <br /> <input type=button value=打印预览 οnclick="factory.printing.Preview()"> <br /> <br /> <script language=javascript> <br /> function window.onload() <br /> { <br /> // -- advanced features <br /> factory.printing.SetMarginMeasure(2) // measure margins in inches <br /> factory.printing.SetPageRange(false, 1, 3) // need pages from 1 to 3 <br /> factory.printing.printer = "HP DeskJet 870C" <br /> factory.printing.copies = 2 <br /> factory.printing.collate = true <br /> factory.printing.paperSize = "A4" <br /> factory.printing.paperSource = "Manual feed" <br /> // -- basic features <br /> factory.printing.header = "居左显示&b居中显示&b居右显示页码,第&p页/共&P页" <br /> factory.printing.footer = "(自定义页脚)" <br /> factory.printing.portrait = false <br /> factory.printing.leftMargin = 0.75 <br /> factory.printing.topMargin = 1.5 <br /> factory.printing.rightMargin = 0.75 <br /> factory.printing.bottomMargin = 1.5 <br /> } <br /> function Print(frame) { <br /> factory.printing.Print(true, frame) // print with prompt <br /> } <br /> </script> <br /> <input type=button value="打印本页" οnclick="factory.printing.Print(false)"> <br /> <input type=button value="页面设置" οnclick="factory.printing.PageSetup()"> <br /> <input type=button value="打印预览" οnclick="factory.printing.Preview()"><br> <br /> <a href="http://www.meadroid.com/scriptx/docs/printdoc.htm?static" target=_blank>具体使用手册,更多信息,点这里</a> <br /> {
runEx('temp1901')
}" type=button> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
//自带的打印预览 


WebBrowser.ExecWB(1,1) 打开  
Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口  
Web.ExecWB(4,1) 保存网页  
Web.ExecWB(6,1) 打印  
Web.ExecWB(7,1) 打印预览  
Web.ExecWB(8,1) 打印页面设置  
Web.ExecWB(10,1) 查看页面属性  
Web.ExecWB(15,1) 好像是撤销,有待确认  
Web.ExecWB(17,1) 全选  
Web.ExecWB(22,1) 刷新  
Web.ExecWB(45,1) 关闭窗体无提示  
<style media=print>  
.Noprint{display:none;}<!--用本样式在打印时隐藏非打印项目-->  
.PageNext{page-break-after: always;}<!--控制分页-->  
</style>  
<object  id="WebBrowser"  width=0  height=0  classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">     
</object>     
  
<center class="Noprint" > 
<input type=button value=打印 οnclick=document.all.WebBrowser.ExecWB(6,1)>  
<input type=button value=直接打印 οnclick=document.all.WebBrowser.ExecWB(6,6)>  
<input type=button value=页面设置 οnclick=document.all.WebBrowser.ExecWB(8,1)>  
</p>  
<p> <input type=button value=打印预览 οnclick=document.all.WebBrowser.ExecWB(7,1)>  
</center>



//去掉打印时的页眉页脚 
<br /> <script language="JavaScript"> <br /> var HKEY_Root,HKEY_Path,HKEY_Key; <br /> HKEY_Root="HKEY_CURRENT_USER"; <br /> HKEY_Path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\"; <br /> //设置网页打印的页眉页脚为空 <br /> function PageSetup_Null() <br /> { <br /> try <br /> { <br /> var Wsh=new ActiveXObject("WScript.Shell"); <br /> HKEY_Key="header"; <br /> Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,""); <br /> HKEY_Key="footer"; <br /> Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,""); <br /> } <br /> catch(e){} <br /> } <br /> //设置网页打印的页眉页脚为默认值 <br /> function PageSetup_Default() <br /> { <br /> try <br /> { <br /> var Wsh=new ActiveXObject("WScript.Shell"); <br /> HKEY_Key="header"; <br /> Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&w&b页码,&p/&P"); <br /> HKEY_Key="footer"; <br /> Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&u&b&d"); <br /> } <br /> catch(e){} <br /> } <br /> </script> <br /> <input type="button" value="清空页码" οnclick=PageSetup_Null()> <br /> <input type="button" value="恢复页码" οnclick=PageSetup_Default()> <br /> {
runEx('temp79875')
}" type=button> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
//无模式的提示框 


function modelessAlert(Msg) 

   window.showModelessDialog("javascript:alert(\""+escape(Msg)+"\");window.close();","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;"); 




//下载文件 


function DownURL(strRemoteURL,strLocalURL) 

 try 
 { 
  var xmlHTTP=new ActiveXObject("Microsoft.XMLHTTP"); 
  xmlHTTP.open("Get",strRemoteURL,false); 
  xmlHTTP.send(); 
  var adodbStream=new ActiveXObject("ADODB.Stream"); 
  adodbStream.Type=1;//1=adTypeBinary 
  adodbStream.Open(); 
  adodbStream.write(xmlHTTP.responseBody); 
  adodbStream.SaveToFile(strLocalURL,2); 
  adodbStream.Close(); 
  adodbStream=null; 
  xmlHTTP=null; 
   
 } 
 catch(e) 
 { 
  window.confirm("下载URL出错!"); 
 } 
 //window.confirm("下载完成."); 



//检验连接是否有效 


function getXML(URL)  

 var xmlhttp = new ActiveXObject("microsoft.xmlhttp"); 
 xmlhttp.Open("GET",URL, false);  
 try 
 {  
  xmlhttp.Send(); 
 } 
 catch(e){} 
 finally  
 { 
  var result = xmlhttp.responseText; 
  if(result)  
  { 
   if(xmlhttp.Status==200) 
   { 
    return(true); 
   } 
   else  
   { 
    return(false); 
   } 
  } 
  else  
  { 
   return(false); 
  } 
 } 
}

 
//检查网页是否存在 


function CheckURL(URL) 

  var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
  xmlhttp.Open("GET",URL, false); 
  try 
  {  
    xmlhttp.Send();  
    var result = xmlhttp.status; 
  } 
  catch(e) {return(false); } 
  if(result==200) 
  {  
    return true; 
  } 
  xmlhttp = null; 
  return false; 
}



//禁止FSO 


1.注销组件 
regsvr32 /u scrrun.dll 
2.修改PROGID 
HKEY_CLASSES_ROOT\Scripting.FileSystemObject 
Scripting.FileSystemObject 
3.对于使用object的用户,修改HKEY_CLASSES_ROOT\Scripting. 

转载于:https://www.cnblogs.com/happyday56/archive/2007/11/01/946134.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/264708.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

活动目录服务器(windows server 2008)

1、在服务器管理器中添加角色&#xff0c;勾选Active Directory域服务、DNS服务器进行安装2、安装好后运行dcpromo进入域服务安装向导&#xff0c;选择高级模式安装3、出现部署配置时&#xff0c;勾选新林中新建4、在命名林输入域名称&#xff08;ganen5.local&#xff09;5、在…

漫步者蓝牙只有一边有声音_漫步者DreamPods半个月上手体验:谈谈那些好的和不好的地方...

随着手机逐渐取消了耳机孔&#xff0c;越来越多的人们开始使用上了蓝牙耳机。在当今这个飞速发展的时代&#xff0c;蓝牙耳机蓝无疑成为了新时代的宠儿。无论是上班族还是当代大学生等年轻化群体&#xff0c;蓝牙耳机无疑成为了一个不错的喜好选择。但是面对市面上如此多的蓝牙…

MySQL源码包编译安装

标题&#xff1a;MySQL数据库实例部署时间&#xff1a;2019年5月2日内容&#xff1a;MySQL源码包进行编译&#xff0c;然后部署MySQL单实例1. MySQL源码包编译1.1 安装编译环境# yum install -y gcc gcc-c# yum install -y ncurses-devel.x86_64# yum install -y libaio.x86_64…

moss 部署问题

&#xff08;一&#xff09; 编辑PostBuildActions.bat 在编译过程中如果你把vs安装在D盘那么你必须将%programfiles%\Microsoft Visual Studio 8\SDK\v2.0\Bin替换成D:\Program Files\Microsoft Visual Studio 8\SDK\v2.0\Bin否则找不到gacutil.exe&#xff0c;无法编译成功。…

c++ 输出控制iomanip

2019独角兽企业重金招聘Python工程师标准>>> 1输出精度控制 #include<iostream> #include <iomanip>//精度控制相关头文件 using namespace std;int main(){streamsize preccout.precision(); //获取默认精度 cout<<"default precisi…

c++ 可视化界面_这些算法可视化网站助你轻松学算法

作者&#xff1a;守望&#xff0c;Linux应用开发者&#xff0c;目前在公众号【编程珠玑】 分享Linux/C/C/数据结构与算法/工具等原创技术文章和学习资源。前言无疑&#xff0c;数据结构与算法学习最大的难点之一就是如何在脑中形象化其抽象的逻辑步骤。而图像在很多时候能够大大…

c#中的接口的定議以及接口與抽象类的區別

c#中的接口 目录 接口的定义 接口与抽象类 接口的的实现 接口的的多态性 一&#xff0e;接口的定义 定义&#xff1a;定义一个协定。实现接口的类或结构必须遵守其协定。 简单的说就是接口或者类之间交互时遵守的一个显示定义。最初接触“类与类之间通过接口交互”这个概念时&…

2. with check option能起什么作用?_面部毛孔粗大,有什么拯救的方法吗?

很多妹子都有毛孔粗大的问题&#xff0c;却苦恼于怎么改善&#xff0c;用错方法可能会刺激毛孔&#xff0c;但是你知道毛孔粗大的原因吗&#xff1f;首先&#xff0c;先搞清楚自己是什么类型的毛孔粗大&#xff0c;再对症下药。 &#xfffc;皮脂分泌旺盛这是毛孔粗大最常见的原…

Apache Spark源码走读之4 -- DStream实时流数据处理

欢迎转载&#xff0c;转载请注明出处&#xff0c;徽沪一郎。 Spark Streaming能够对流数据进行近乎实时的速度进行数据处理。采用了不同于一般的流式数据处理模型&#xff0c;该模型使得Spark Streaming有非常高的处理速度&#xff0c;与storm相比拥有更高的吞能力。 本篇简要分…

[书目20071127]图书 时间陷阱 目录

[内容简介] 在这个快速多变和工作至上主义盛行的时代&#xff0c; 工作常常让我们迷失了自己的世界&#xff0c; 本书令人信服地告诉你&#xff0c;在销售领域不必玩命工作依然能取得巨大成功。 托德邓肯直击浪费我们时间、降低我们工作效能的“陷阱 ”要害&#xff0c; 同时&a…

antd-react-mobile(踩坑记录)

1.按照官网步骤进行&#xff0c; $ npm install -g create-react-app # 注意&#xff1a;工具会自动初始化一个脚手架并安装 React 项目的各种必要依赖&#xff0c;如果在过程中出现网络问题&#xff0c;请尝试配置代理或使用 其他 npm registry。 $ create-react-app my-app …

启动Eclipse 弹出“Failed to load the JNI shared library”错误的解决方法

原因1&#xff1a;eclipse的版本与jre或者jdk版本不一致 对策&#xff1a;要么两者都安装64位的&#xff0c;要么都安两个是32位一个是64位。 原因2&#xff1a;给定目录下jvm.dll不存在 对策&#xff1a;&#xff08;1&#xff09;重新安装jre或者jdk并配置好环境变量。&#…

路径的应用(3)

如果与MC2同级的还有一个影片剪辑MC3,则想修改MC3,的透明度&#xff0c;用如下方法&#xff1a;on(release){_parent.MC3._alpha0;}如果MC3下还有一个影片剪辑MC4&#xff0c;想修改MC4的透明度则用如下方法&#xff1a;on(release){_parent.MC3.MC4._alpha0;}转载于:https://w…

php.ini在哪里 微赞_虚拟主机php.ini在哪?怎么查看php.ini在哪

虚拟主机php.ini在哪&#xff1f;怎么查看php.ini在哪&#xff1f;相信很多人都会有这样的疑问&#xff0c;下面聚名网为你详解一下以上问题。虚拟主机php.ini在哪&#xff1f;虚拟主机php.ini文件一般放置在文件管理器的“others”文件夹中。php.ini文件控制了PHP很多方面的性…

微软私有云分享(R2)22 计算机配置文件与基础设置

计算机配置文件是完全为了裸金属安装准备的。所以如果不准备使用裸金属安装&#xff0c;硬件配置文件在SCVMM2012 R2中也可以不用配置。本章操作完全用图来表示&#xff08;其实我准备文字了&#xff0c;但是貌似文字丢了…………&#xff09;&#xff0c;创建该文件没什么注意…

总结了下自己的几个典型行为

所有电器都不看说明书&#xff1b;尽量使用自助办理业务&#xff1b;使用最多的称呼是同学&#xff1b;喜欢玩小孩但不喜欢生小孩&#xff1b;拥有一种奇怪的固执&#xff1b;熟人面前是话癖&#xff0c;生人面前一言不发&#xff1b;认幽默感是做人的根本&#xff1b;认为如果…

14.PTD与的基址

0xC0300000就是页目录的基址。 随便找一个软件测试下 通过0xC0300000找到的物理页就是页目录表这个物理页即是页目录表本身也是页表页目录表是一张特殊的页表,每一项PTE指向的不是普通的物理页,而是指向其他的页表.如果我们要访问第N个PDE, 那么有如下公式&#xff1a;0xc03000…

多项式回归

在上一节所介绍的非线性回归分析&#xff0c;首先要求我们对回归方程的函数模型做出推断。尽管在一些特定的情况下我们能够比較easy地做到这一点,可是在很多实际问题上经常会令我们不知所措。依据高等数学知识我们知道&#xff0c;不论什么曲线能够近似地用多项式表示&#xff…

Spring - shortcuts

How to use CSS, JavaScript and Images in Spring MVC Web App https://www.udemy.com/spring-hibernate-tutorial/learn/v4/t/lecture/5608584?start0 Deploying To Tomcat using WAR files https://www.udemy.com/spring-hibernate-tutorial/learn/v4/t/lecture/5633776?s…

.net中前台javascript与后台c#函数相互调用

1.如何在JavaScript访问C#函数? 2.如何在JavaScript访问C#变量? 3.如何在C#中访问JavaScript的已有变量? 4.如何在C#中访问JavaScript函数? 问题1答案如下&#xff1a; javaScript函数中执行C#代码中的函数&#xff1a; 方法一&#xff1a;1、首先建立一个按钮&#xff0c;…