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"
自动刷新
< meta HTTP-EQUIV ="refresh" CONTENT ="8;URL=http://c98.yeah.net" >
简单邮件
< a href ="mailto:[email protected]?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'" >
//各种尺寸
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;
//过滤数字
//特殊用途
//不缓存
//正则匹配
匹配中文字符的正则表达式： [\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- ./?%&=]*)?
以下是例子：
利用正则表达式限制网页表单里的文本框输入内容：
用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
1.用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
2.用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
3.用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
//消除图像工具栏
//无提示关闭
function Close()
{
var ua=navigator.userAgent
var ie=navigator.appName=="Microsoft Internet Explorer"?true:false
if(ie)
{
var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))
if(IEversion < 5 .5)
{
var str = '<object id =noTipClose classid ="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11" > '
str += ' < param name ="Command" value ="Close" ></ object > ';
document.body.insertAdjacentHTML("beforeEnd", str);
document.all.noTipClose.Click();
}
else
{
window.opener =null;
window.close();
}
}
else
{
window.close()
}
}
//取得控件得绝对位置(1)
< script language ="javascript" >
function getoffset(e)
{
var t = e.offsetTop;
var l = e.offsetLeft;
while (e = e.offsetParent)
{
t += e.offsetTop;
l += e.offsetLeft;
}
var rec = new Array( 1 );
rec[ 0 ] = t;
rec[ 1 ] = l;
return rec
}
</ script >
//获得控件的绝对位置(2)
oRect = obj.getBoundingClientRect();
oRect.left
oRect.
//最小化,最大化,关闭 //光标停在文字最后
< script language ="javascript" >
function cc()
{
var e = event.srcElement;
var r = e.createTextRange();
r.moveStart( ' character ' ,e.value.length);
r.collapse( true );
r.select();
}
</ script >
< input type =text name =text1 value ="123" onfocus ="cc()" >
//页面进入和退出的特效
进入页面 < meta http-equiv ="Page-Enter" content ="revealTrans(duration=x, transition=y)" >
推出页面 < meta http-equiv ="Page-Exit" content ="revealTrans(duration=x, transition=y)" >
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使
用哪种特效，取值为1-23:
0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23
//网页是否被检索
//打印分页
//设置打印
< object id ="factory" style ="display:none" viewastext
classid ="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
codebase ="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360"
></ object >
< input type =button value =页面设置 onclick ="factory.printing.PageSetup()" >
< input type =button value =打印预览 onclick ="factory.printing.Preview()" >
< script language =javascript >
function window.onload()
{
// -- advanced features
factory.printing.SetMarginMeasure( 2 ) // measure margins in inches
factory.printing.SetPageRange( false , 1 , 3 ) // need pages from 1 to 3
factory.printing.printer = " HP DeskJet 870C "
factory.printing.copies = 2
factory.printing.collate = true
factory.printing.paperSize = " A4 "
factory.printing.paperSource = " Manual feed "
// -- basic features
factory.printing.header = " 居左显示&b居中显示&b居右显示页码，第&p页/共&P页 "
factory.printing.footer = " （自定义页脚） "
factory.printing.portrait = false
factory.printing.leftMargin = 0.75
factory.printing.topMargin = 1.5
factory.printing.rightMargin = 0.75
factory.printing.bottomMargin = 1.5
}
function Print(frame) {
factory.printing.Print( true , frame) // print with prompt
}
</ script >
< input type =button value ="打印本页" onclick ="factory.printing.Print(false)" >
< input type =button value ="页面设置" onclick ="factory.printing.PageSetup()" >
< input type =button value ="打印预览" onclick ="factory.printing.Preview()" >< br >
< a href ="http://www.meadroid.com/scriptx/docs/printdoc.htm?static" target =_blank > 具体使用手册，更多信息，点这里 </ 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 =打印 onclick =document.all.WebBrowser.ExecWB(6,1) >
< input type =button value =直接打印 onclick =document.all.WebBrowser.ExecWB(6,6) >
< input type =button value =页面设置 onclick =document.all.WebBrowser.ExecWB(8,1) >
</ p >
< p > < input type =button value =打印预览 onclick =document.all.WebBrowser.ExecWB(7,1) >
</ center >
//去掉打印时的页眉页脚
< script language ="JavaScript" >
var HKEY_Root,HKEY_Path,HKEY_Key;
HKEY_Root = " HKEY_CURRENT_USER " ;
HKEY_Path = " http://www.cnblogs.com/lovko/admin/file://software//Microsoft//Internet Explorer\\PageSetup\\ " ;
// 设置网页打印的页眉页脚为空
function PageSetup_Null()
{
try
{
var Wsh = new ActiveXObject( " WScript.Shell " );
HKEY_Key = " header " ;
Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, "" );
HKEY_Key = " footer " ;
Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, "" );
}
catch (e){}
}
// 设置网页打印的页眉页脚为默认值
function PageSetup_Default()
{
try
{
var Wsh = new ActiveXObject( " WScript.Shell " );
HKEY_Key = " header " ;
Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, " &w&b页码,&p/&P " );
HKEY_Key = " footer " ;
Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, " &u&b&d " );
}
catch (e){}
}
</ script >
< input type ="button" value ="清空页码" onclick =PageSetup_Null() >
< input type ="button" value ="恢复页码" onclick =PageSetup_Default() >
//浏览器验证
function checkBrowser()
{
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.mac=(this.ver.indexOf('Mac') > -1) ?1:0;
this.ope=(navigator.userAgent.indexOf('Opera')>-1);
this.ie=(this.ie6 || this.ie5 || this.ie4)
this.ns=(this.ns4 || this.ns5)
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope)
this.nbw=(!this.bw)
return this;
}
//计算内容宽和高
< SCRIPT language ="javascript" >
function test(obj)
{
var range = obj.createTextRange();
alert( " 内容区宽度: " + range.boundingWidth
+ " px\r\n内容区高度: " + range.boundingHeight + " px " );
}
</ SCRIPT >
< BODY >
< Textarea id ="txt" height ="150" > sdf </ textarea >< INPUT type ="button" value ="计算内容宽度" onClick ="test(txt)" >
</ BODY >
//无模式的提示框 //屏蔽按键
< html >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" >
< noscript >< meta http-equiv ="refresh" content ="0;url=about:noscript" ></ noscript >
< title > 屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键 </ title >
</ head >
< body >
< script language ="Javascript" > <!--
// 屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键
// Author: meizz(梅花雨) 2002-6-18
function document.oncontextmenu(){event.returnValue = false ;} // 屏蔽鼠标右键
function window.onhelp(){ return false } // 屏蔽F1帮助
function document.onkeydown()
{
if ((window.event.altKey) &&
((window.event.keyCode == 37 ) || // 屏蔽 Alt+ 方向键 ←
(window.event.keyCode == 39 ))) // 屏蔽 Alt+ 方向键 →
{
alert( " 不准你使用ALT+方向键前进或后退网页！ " );
event.returnValue = false ;
}
/* 注：这还不是真正地屏蔽 Alt+ 方向键，
因为 Alt+ 方向键弹出警告框时，按住 Alt 键不放，
用鼠标点掉警告框，这种屏蔽方法就失效了。以后若
有哪位高手有真正屏蔽 Alt 键的方法，请告知。 */
if ((event.keyCode == 8 ) || // 屏蔽退格删除键
(event.keyCode == 116 ) || // 屏蔽 F5 刷新键
(event.ctrlKey && event.keyCode == 82 )){ // Ctrl + R
event.keyCode = 0 ;
event.returnValue = false ;
}
if (event.keyCode == 122 ){event.keyCode = 0 ;event.returnValue = false ;} // 屏蔽F11
if (event.ctrlKey && event.keyCode == 78 ) event.returnValue = false ; // 屏蔽 Ctrl+n
if (event.shiftKey && event.keyCode == 121 )event.returnValue = false ; // 屏蔽 shift+F10
if (window.event.srcElement.tagName == " A " && window.event.shiftKey)
window.event.returnValue = false ; // 屏蔽 shift 加鼠标左键新开一网页
if ((window.event.altKey) && (window.event.keyCode == 115 )) // 屏蔽Alt+F4
{
window.showModelessDialog( " about:blank " , "" , " dialogWidth:1px;dialogheight:1px " );
return false ;
}
}
</ script >
屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键
</ body >
</ html >
//屏蔽打印
< style >
@media print {
* {display : none }
}
</ style >
//移动的图层，拖动
1. < span style ='position:absolute;width:200;height:200;background:red' onmousedown =MouseDown(this) onmousemove =MouseMove() onmouseup =MouseUp() > meizz </ span >
< script language =javascript >
var Obj;
function MouseDown(obj)
{
Obj = obj;
Obj.setCapture();
Obj.l = event.x - Obj.style.pixelLeft;
Obj.t = event.y - Obj.style.pixelTop;
}
function MouseMove()
{
if (Obj != null )
{
Obj.style.left = event.x - Obj.l;
Obj.style.top = event.y - Obj.t;
}
}
function MouseUp()
{
if (Obj != null )
{
Obj.releaseCapture();
Obj = null ;
}
}
</ script >
2.
< div id ="myDiv" src ="logo.gif" ondrag ="doDrag();" onmouseover ="this.style.cursor='hand'" style ="position:absolute;left=100;top=100;" onmousedown ="doMouseDown();" >
< a href ="#" onclick ="return false" >< h1 > wlecome </ h1 ></ a >
</ div >
< script language ="JavaScript" type ="text/javascript" >
var orgMouseX;
var orgMouseY;
var orgObjX;
var orgObjY;
function doDrag()
{
var myObject = document.all.myDiv;
var x = event.clientX;
var y = event.clientY;
myObject.style.left = x - (orgMouseX - orgObjX);
myObject.style.top = y - (orgMouseY - orgObjY);
}
function doMouseDown()
{
orgMouseX = event.clientX;
orgMouseY = event.clientY;
orgObjX = parseInt(document.all.myDiv.style.left);
orgObjY = parseInt(document.all.myDiv.style.top);
}
</ script >
//文档状态改变
< iframe src ="a.html" id ="f" name ="f" scrolling ="no" frameborder =0 marginwidth =0 marginheight =0 ></ iframe >
< script >
var doc = window.frames[ " f " ].document;
function s(){
if (doc.readyState == " complete " ){
document.all.f.style.height = doc.body.scrollHeight
document.all.f.style.width = doc.body.scrollWidth
}
}
doc.onreadystatechange = s
</ script >
//刷新后不变的文本框
//访问剪贴板
//操作COOKIE
function SetCookie(sName, sValue)
{
document.cookie = sName + "=" + escape(sValue) + "; ";
}
function GetCookie(sName)
{
var aCookie = document.cookie.split("; ");
for (var i=0; i < aCookie .length; i++)
{
var aCrumb = aCookie[i].split("=");
if (sName == aCrumb[0])
return unescape(aCrumb[1]);
}
}
function DelCookie(sName)
{
document.cookie = sName + " =" + escape(sValue) + " ; expires =Fri, 31 Dec 1999 23:59:59 GMT;";
}
//setTimeout增加参数
<script >
var _st = window.setTimeout;
window.setTimeout = function(fRef, mDelay) {
if(typeof fRef == 'function'){
var argu = Array.prototype.slice.call(arguments,2);
var f = (function(){ fRef.apply(null, argu); });
return _st(f, mDelay);
}
return _st(fRef,mDelay);
}
function test(x){
alert(x);
}
window.setTimeout(test,1000,'fason');
</ script >
//自定义的apply,call
Function.prototype.apply = function (obj, argu) {
if (obj) obj.constructor.prototype._caller = this;
var argus = new Array();
for (var i=0;i < argu .length;i++)
argus[i] = "argu[" + i + "]";
var r;
eval("r = " + (obj ? (" obj._caller(" + argus.join(",") + ");") : ("this(" + argus.join(",") + ");")));
return r;
};
Function.prototype.call = function (obj) {
var argu = new Array();
for (var i =1;i<arguments.length;i++)
argu[i-1] = arguments[i];
return this.apply(obj, argu);
};
//下载文件
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);
}
}
}
//POST代替FORM
//组件是否安装
isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID"))
//检查网页是否存在
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;
}
//连接数据库
<script language ="javascript" >
//用 JavaScript 写服务器端连接数据库的代码示例
var conn = new ActiveXObject("ADODB.Connection");
conn.Open("Provider=SQLOLEDB.1; Data Source=localhost; User ID=sa; "
+"Password=; Initial Catalog=pubs");
var rs = new ActiveXObject("ADODB.Recordset");
var sql="select * from authors";
rs.open(sql, conn);
shtml = " < table width ='100%' border =1 > ";
shtml +=" < tr bgcolor ='#f4f4f4' >< td > au_id </ td >< td > au_lname </ td >< td > au_fname </ td >< td > phone </ td >< td > address </ td >< td > city </ td >< td > state </ td >< td > zip </ td ></ tr > ";
while(!rs.EOF)
{
shtml += " < tr >< td > " + rs("au_id") + " </ td >< td > " + rs("au_lname") + " </ td >< td > " + rs("au_fname") + " </ td >< td > " + rs("phone") + " </ td >< td > " + rs("address") + " </ td >< td > " + rs("city") + " </ td >< td > " + rs("state") + " </ td >< td > " + rs("zip") + " </ td ></ tr > ";
rs.moveNext;
}
shtml += " </ table > ";
document.write(shtml);
rs.close();
rs = null;
conn.close();
conn = null;
</ script >
//使用数据岛
< html >
< body >
srno： < input type =text datasrc =#xmldate DataFLD =srno size ="76" >< BR >
times： < input type =text datasrc =#xmldate DataFLD =times size ="76" >< BR >
< input id ="first" TYPE =button value ="<< 第一条记录" onclick ="xmldate.recordset.moveFirst()" >
< input id ="prev" TYPE =button value ="<上一条记录" onclick ="xmldate.recordset.movePrevious()" >
< input id ="next" TYPE =button value ="下一条记录>" onclick ="xmldate.recordset.moveNext()" >
< input id ="last" TYPE =button value ="最后一条记录>>" onclick ="xmldate.recordset.moveLast()" >
< input id ="Add" TYPE =button value ="添加新记录" onclick ="xmldate.recordset.addNew()" >
< XML ID ="xmldate" >
< infolist >
< info >< srno > 20041025-01 </ srno >< times > null </ times ></ info >
< info >< srno > 20041101-09 </ srno >< times > 2004年10月1日2点22分0秒 </ times ></ info >
</ infolist >
</ XML >
</ body >
</ html >
//获得参数
< body >
< a href ="javascript:location.href=location.href + '?a=1&b=2'" > search </ a >
< script language ="JavaScript" >
<!--
var a = location.search.substr( 1 );
if (a.length > 0 )
{
var re = / ([^&]*?)\=([^&]*) / g
var s = a.match(re);
for ( var i = 0 ;i < s.length;i ++ )
{
alert(s[i]);
alert(s[i].split( " = " )[ 1 ]);
}
}
// -->
</ script >
</ body >
//可编辑SELECT
//设置光标位置
function getCaret(textbox)
{
var control = document.activeElement;
textbox.focus();
var rang = document.selection.createRange();
rang.setEndPoint("StartToStart",textbox.createTextRange())
control.focus();
return rang.text.length;
}
function setCaret(textbox,pos)
{
try
{
var r =textbox.createTextRange();
r.moveStart('character',pos);
r.collapse(true);
r.select();
}
catch(e)
{}
}
function selectLength(textbox,start,len)
{
try
{
var r =textbox.createTextRange();
r.moveEnd('character',len-(textbox.value.length-start));
r.moveStart('character',start);
r.select();
}
catch(e)
{//alert(e.description)}
}
function insertAtCaret(textbox,text)
{
textbox.focus();
document.selection.createRange().text = text;
}
//页内查找
function findInPage(str)
{
var txt, i, found,n = 0;
if (str == "")
{
return false;
}
txt = document.body.createTextRange();
for (i = 0; i < = n && (found = txt.findText(str)) ! = false; i++)
{
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
if (found)
{
txt.moveStart("character", -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
else
{
if (n > 0)
{
n = 0;
findInPage(str);
}
else
{
alert(str + "
您要找的文字不存在。\n \n请试着输入页面中的关键字再次查找！");
}
}
return false;
}
//书
http://www.itpub.net/attachment.php?s= &postid =1894598
http://www.wrclub.net/down/listdown.aspx?id=1341
//操作EXECL
< script language ="javascript" >
function jStartExcel() {
var xls = new ActiveXObject ( " Excel.Application " );
xls.visible = true ;
var newBook = xls.Workbooks.Add;
newBook.Worksheets.Add;
newBook.Worksheets( 1 ).Activate;
xls.ActiveWorkBook.ActiveSheet.PageSetup.Orientation = 2 ;
xls.ActiveWorkBook.ActiveSheet.PageSetup.PaperSize = 5 ;
newBook.Worksheets( 1 ).Columns( " A " ).columnwidth = 50 ;
newBook.Worksheets( 1 ).Columns( " A " ).WrapText = true ;
newBook.Worksheets( 1 ).Columns( " B " ).columnwidth = 50 ;
newBook.Worksheets( 1 ).Columns( " B " ).WrapText = true ;
newBook.Worksheets( 1 ).Range( " A1:B1000 " ).NumberFormat = " 0 " ;
newBook.Worksheets( 1 ).Range( " A1:B1000 " ).HorizontalAlignment = - 4131 ;
newBook.Worksheets( 1 ).Cells( 1 , 1 ).Interior.ColorIndex = " 15 " ;
newBook.Worksheets( 1 ).Cells( 1 , 1 ).value = " First Column, First Cell " ;
newBook.Worksheets( 1 ).Cells( 2 , 1 ).value = " First Column, Second Cell " ;
newBook.Worksheets( 1 ).Cells( 1 , 2 ).value = " Second Column, First Cell " ;
newBook.Worksheets( 1 ).Cells( 2 , 2 ).value = " Second Column, Second Cell " ;
newBook.Worksheets( 1 ).Name = " My First WorkSheet " ;
}
</ script >
//自定义提示条
< a href ="#" title ="这是提示" > tip </ a >
< script Language ="JavaScript" >
// ***********默认设置定义.*********************
tPopWait = 50 ; // 停留tWait豪秒后显示提示。
tPopShow = 5000 ; // 显示tShow豪秒后关闭提示
showPopStep = 20 ;
popOpacity = 99 ;
// ***************内部变量定义*****************
sPop = null ;
curShow = null ;
tFadeOut = null ;
tFadeIn = null ;
tFadeWaiting = null ;
document.write( " <style type='text/css'id='defaultPopStyle'> " );
document.write( " .cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)} " );
document.write( " </style> " );
document.write( " <div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div> " );
function showPopupText(){
var o = event.srcElement;
MouseX = event.x;
MouseY = event.y;
if (o.alt != null && o.alt != "" ){o.dypop = o.alt;o.alt = "" };
if (o.title != null && o.title != "" ){o.dypop = o.title;o.title = "" };
if (o.dypop != sPop) {
sPop = o.dypop;
clearTimeout(curShow);
clearTimeout(tFadeOut);
clearTimeout(tFadeIn);
clearTimeout(tFadeWaiting);
if (sPop == null || sPop == "" ) {
dypopLayer.innerHTML = "" ;
dypopLayer.style.filter = " Alpha() " ;
dypopLayer.filters.Alpha.opacity = 0 ;
}
else {
if (o.dyclass != null ) popStyle = o.dyclass
else popStyle = " cPopText " ;
curShow = setTimeout( " showIt() " ,tPopWait);
}
}
}
function showIt(){
dypopLayer.className = popStyle;
dypopLayer.innerHTML = sPop;
popWidth = dypopLayer.clientWidth;
popHeight = dypopLayer.clientHeight;
if (MouseX + 12 + popWidth > document.body.clientWidth) popLeftAdjust =- popWidth - 24
else popLeftAdjust = 0 ;
if (MouseY + 12 + popHeight > document.body.clientHeight) popTopAdjust =- popHeight - 24
else popTopAdjust = 0 ;
dypopLayer.style.left = MouseX + 12 + document.body.scrollLeft + popLeftAdjust;
dypopLayer.style.top = MouseY + 12 + document.body.scrollTop + popTopAdjust;
dypopLayer.style.filter = " Alpha(Opacity=0) " ;
fadeOut();
}
function fadeOut(){
if (dypopLayer.filters.Alpha.opacity < popOpacity) {
dypopLayer.filters.Alpha.opacity += showPopStep;
tFadeOut = setTimeout( " fadeOut() " , 1 );
}
else {
dypopLayer.filters.Alpha.opacity = popOpacity;
tFadeWaiting = setTimeout( " fadeIn() " ,tPopShow);
}
}
function fadeIn(){
if (dypopLayer.filters.Alpha.opacity > 0 ) {
dypopLayer.filters.Alpha.opacity -= 1 ;
tFadeIn = setTimeout( " fadeIn() " , 1 );
}
}
document.onmouseover = showPopupText;
</ script >
//插入文字
document.onclick =function(){
var oSource = window.event.srcElement;
if(oSource.tagName!="DIV")
return false;
var sel = document.selection;
if (sel!=null) {
var rng = sel.createRange();
if (rng!=null)
rng.pasteHTML(" < font color =red > 插入文字 </ font > ");
}
}
//netscapte下操作xml
//判断键值
//禁止FSO
1.注销组件
regsvr32 /u scrrun.dll
2.修改PROGID
HKEY_CLASSES_ROOT\Scripting.FileSystemObject
Scripting.FileSystemObject
3.对于使用object的用户，修改HKEY_CLASSES_ROOT\Scripting.
//省略号
//检测media play版本
//图象按比例
//细线SELECT
function getComputerName()
{
var objWMIService = GetObject("Winmgmts:root\cimv2");
for(e = new Enumerator(objWMIService) ; !e.atEnd() ; e.moveNext())
{
var getComputer = e.item();
return getComputer.Name;
}
}
//条件编译
< SCRIPT LANGUAGE ="JavaScript" >
<!--
var xmlDoc = new ActiveXObject( " Msxml2.DOMDocument.4.0 " );
var currNode;
xmlDoc.async = false ;
xmlDoc.async = false ;
xmlDoc.loadXML( " <TABLENAME> 你好你阿三 大法 司法等四 </TABLENAME> " );
currNode = xmlDoc.documentElement;
var s = currNode.xml;
var r = / \<([^\>\s]*?)[^\>]*?\>([^\<]*?)\<\ / \ 1 \ >/
var b = s.replace(r, " $2 " );
alert(b);
// -->
</ SCRIPT >
//mergeAttributes 复制所有读/写标签属性到指定元素。
< SCRIPT >
function fnMerge(){
oSource.children[ 1 ].mergeAttributes(oSource.children[ 0 ]);
}
</ SCRIPT >
< SPAN ID =oSource >
< DIV
ID ="oDiv"
ATTRIBUTE1 ="true"
ATTRIBUTE2 ="true"
onclick ="alert('click');"
onmouseover ="this.style.color='#0000FF';"
onmouseout ="this.style.color='#000000';"
>
This is a sample < B > DIV </ B > element.
</ DIV >
< DIV ID ="oDiv2" >
This is another sample < B > DIV </ B > element.
</ DIV >
</ SPAN >
< INPUT
TYPE ="button"
VALUE ="Merge Attributes"
onclick ="fnMerge()"
> ***********************************************************************************************************************
JavaScript就这么回事
有些时候你精通一门语言，但是会发现你其实整天在和其它语言打交道， 也许你以为这些微不足道，不至于影响你的开发进度，但恰恰是这些你不重视的东西会浪费你很多时间，我一直以为我早在几年前就已经精通JavaScript 了，直到目前，我才越来越觉得JavaScript远比我想象的复杂和强大，我开始崇拜它，就像崇拜所有OOP语言一样～
趁着节日的空隙，把有关JavaScript的方法和技巧整理下，让每个在为JavaScript而烦恼的人明白，JavaScript就这么回事！并希望JavaScript还可以成为你的朋友，让你豁然开朗，在项目中更好的应用～
适合阅读范围：对JavaScript一无所知～离精通只差一步之遥的人
基础知识：HTML
JavaScript就这么回事1：基础知识
1 创建脚本块
1: < script language =”JavaScript” >
2 : JavaScript code goes here
3 : </ script >
2 隐藏脚本代码
1: < script language =”JavaScript” >
2 : <!--
3 : document.write(“Hello”);
4 : // -->
5 : </ script >
在不支持JavaScript的浏览器中将不执行相关代码
3 浏览器不支持的时候显示
1: < noscript >
2: Hello to the non-JavaScript browser.
3: </ noscript >
4 链接外部脚本文件
1: < script language =”JavaScript” src ="/”filename.js" ” ></ script >
5 注释脚本
1: // This is a comment
2: document.write(“Hello”); // This is a comment
3: /*
4: All of this
5: is a comment
6: */
6 输出到浏览器
1: document.write(“ < strong > Hello </ strong > ”);
7 定义变量
1: var myVariable = “some value”;
8 字符串相加
1: var myString = “String1” + “String2”;
9 字符串搜索
1: < script language =”JavaScript” >
2 : <!--
3 : var myVariable = “Hello there”;
4 : var therePlace = myVariable.search(“there”);
5 : document.write(therePlace);
6 : // -->
7 : </ script >
10 字符串替换
1: thisVar.replace(“Monday”,”Friday”);
11 格式化字串
1: < script language =”JavaScript” >
2 : <!--
3 : var myVariable = “Hello there”;
4 : document.write(myVariable.big() + “ < br > ”);
5 : document.write(myVariable.blink() + “ < br > ”);
6 : document.write(myVariable.bold() + “ < br > ”);
7 : document.write(myVariable.fixed() + “ < br > ”);
8 : document.write(myVariable.fontcolor(“red”) + “ < br > ”);
9 : document.write(myVariable.fontsize(“18pt”) + “ < br > ”);
10 : document.write(myVariable.italics() + “ < br > ”);
11 : document.write(myVariable.small() + “ < br > ”);
12 : document.write(myVariable.strike() + “ < br > ”);
13 : document.write(myVariable.sub() + “ < br > ”);
14 : document.write(myVariable.sup() + “ < br > ”);
15 : document.write(myVariable.toLowerCase() + “ < br > ”);
16 : document.write(myVariable.toUpperCase() + “ < br > ”);
17 :
18 : var firstString = “My String”;
19 : var finalString = firstString.bold().toLowerCase().fontcolor(“red”);
20 : // -->
21 : </ script >
12 创建数组
1: < script language =”JavaScript” >
2 : <!--
3 : var myArray = new Array( 5 );
4 : myArray[ 0 ] = “First Entry”;
5 : myArray[ 1 ] = “Second Entry”;
6 : myArray[ 2 ] = “Third Entry”;
7 : myArray[ 3 ] = “Fourth Entry”;
8 : myArray[ 4 ] = “Fifth Entry”;
9 : var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);
10 : // -->
11 : </ script >
13 数组排序
1: < script language =”JavaScript” >
2 : <!--
3 : var myArray = new Array( 5 );
4 : myArray[ 0 ] = “z”;
5 : myArray[ 1 ] = “c”;
6 : myArray[ 2 ] = “d”;
7 : myArray[ 3 ] = “a”;
8 : myArray[ 4 ] = “q”;
9 : document.write(myArray.sort());
10 : // -->
11 : </ script >
14 分割字符串
1: < script language =”JavaScript” >
2 : <!--
3 : var myVariable = “a,b,c,d”;
4 : var stringArray = myVariable.split(“,”);
5 : document.write(stringArray[ 0 ]);
6 : document.write(stringArray[ 1 ]);
7 : document.write(stringArray[ 2 ]);
8 : document.write(stringArray[ 3 ]);
9 : // -->
10 : </ script >
15 弹出警告信息
1: < script language =”JavaScript” >
2 : <!--
3 : window.alert(“Hello”);
4 : // -->
5 : </ script >
16 弹出确认框
1: < script language =”JavaScript” >
2 : <!--
3 : var result = window.confirm(“Click OK to continue ”);
4 : // -->
5 : </ script >
17 定义函数
1: < script language =”JavaScript” >
2 : <!--
3 : function multiple(number1,number2) {
4 : var result = number1 * number2;
5 : return result;
6 : }
7 : // -->
8 : </ script >
18 调用JS函数
1: < a href =”#” onClick =”functionName()” > Link text </ a >
2: < a href ="/”javascript:functionName" ()” > Link text </ a >
19 在页面加载完成后执行函数
1: < body onLoad =”functionName();” >
2: Body of the page
3: </ body >
20 条件判断
1: < script >
2 : <!--
3 : var userChoice = window.confirm(“Choose OK or Cancel”);
4 : var result = (userChoice == true ) ? “OK” : “Cancel”;
5 : document.write(result);
6 : // -->
7 : </ script >
21 指定次数循环
1: < script >
2 : <!--
3 : var myArray = new Array( 3 );
4 : myArray[ 0 ] = “Item 0 ”;
5 : myArray[ 1 ] = “Item 1 ”;
6 : myArray[ 2 ] = “Item 2 ”;
7 : for (i = 0 ; i < myArray.length; i ++ ) {
8 : document.write(myArray[i] + “ < br > ”);
9 : }
10 : // -->
11 : </ script >
22 设定将来执行
1: < script >
2 : <!--
3 : function hello() {
4 : window.alert(“Hello”);
5 : }
6 : window.setTimeout(“hello()”, 5000 );
7 : // -->
8 : </ script >
23 定时执行函数
1: < script >
2 : <!--
3 : function hello() {
4 : window.alert(“Hello”);
5 : window.setTimeout(“hello()”, 5000 );
6 : }
7 : window.setTimeout(“hello()”, 5000 );
8 : // -->
9 : </ script >
24 取消定时执行
1: < script >
2 : <!--
3 : function hello() {
4 : window.alert(“Hello”);
5 : }
6 : var myTimeout = window.setTimeout(“hello()”, 5000 );
7 : window.clearTimeout(myTimeout);
8 : // -->
9 : </ script >
25 在页面卸载时候执行函数
1: < body onUnload =”functionName();” >
2: Body of the page
3: </ body >
JavaScript就这么回事2：浏览器输出
26 访问document对象
1: < script language =”JavaScript” >
2 : var myURL = document.URL;
3 : window.alert(myURL);
4 : </ script >
27 动态输出HTML
1: < script language =”JavaScript” >
2 : document.write(“ < p > Here’s some information about this document: < / p>”);
3 : document.write(“ < ul > ”);
4 : document.write(“ < li > Referring Document: “ + document.referrer + “ < / li>”);
5 : document.write(“ < li > Domain: “ + document.domain + “ < / li>”);
6 : document.write(“ < li > URL: “ + document.URL + “ < / li>”);
7 : document.write(“ < / ul>”);
8 : </ script >
28 输出换行
1: document.writeln(“ < strong > a </ strong > ”);
2: document.writeln(“b”);
29 输出日期
1: < script language =”JavaScript” >
2 : var thisDate = new Date();
3 : document.write(thisDate.toString());
4 : </ script >
30 指定日期的时区
1: < script language =”JavaScript” >
2 : var myOffset = - 2 ;
3 : var currentDate = new Date();
4 : var userOffset = currentDate.getTimezoneOffset() / 60;
5 : var timeZoneDifference = userOffset - myOffset;
6 : currentDate.setHours(currentDate.getHours() + timeZoneDifference);
7 : document.write(“The time and date in Central Europe is: “ + currentDate.toLocaleString());
8 : </ script >
31 设置日期输出格式
1: < script language =”JavaScript” >
2 : var thisDate = new Date();
3 : var thisTimeString = thisDate.getHours() + “:” + thisDate.getMinutes();
4 : var thisDateString = thisDate.getFullYear() + “ / ” + thisDate.getMonth() + “ / ” + thisDate.getDate();
5 : document.write(thisTimeString + “ on “ + thisDateString);
6 : </ script >
32 读取URL参数
1: < script language =”JavaScript” >
2 : var urlParts = document.URL.split(“ ? ”);
3 : var parameterParts = urlParts[ 1 ].split(“ & ”);
4 : for (i = 0 ; i < parameterParts.length; i ++ ) {
5 : var pairParts = parameterParts[i].split(“ = ”);
6 : var pairName = pairParts[ 0 ];
7 : var pairValue = pairParts[ 1 ];
8 : document.write(pairName + “ ：“ + pairValue );
9 : }
10 : </ script >
你还以为HTML是无状态的么？
33 打开一个新的document对象
1: < script language =”JavaScript” >
2 : function newDocument() {
3 : document.open();
4 : document.write(“ < p > This is a New Document. < / p>”);
5 : document.close();
6 : }
7 : </ script >
34 页面跳转
1: < script language =”JavaScript” >
2 : window.location = “http: // www.liu21st.com/”;
3 : </ script >
35 添加网页加载进度窗口
1: < html >
2: < head >
3: < script language ='javaScript' >
4 : var placeHolder = window.open( ' holder.html ' , ' placeholder ' , ' width=200,height=200 ' );
5 : </ script >
6: < title > The Main Page </ title >
7: </ head >
8: < body onLoad ='placeHolder.close()' >
9: < p > This is the main page </ p >
10: </ body >
11: </ html >
JavaScript就这么回事3：图像
36 读取图像属性
1: < img src ="/”image1.jpg" ” name =”myImage” >
2: < a href =”# ” onClick =”window.alert(document.myImage.width)” > Width </ a >
3:
37 动态加载图像
1: < script language =”JavaScript” >
2 : myImage = new Image;
3 : myImage.src = “Tellers1.jpg”;
4 : </ script >
38 简单的图像替换
1: < script language =”JavaScript” >
2 : rollImage = new Image;
3 : rollImage.src = “rollImage1.jpg”;
4 : defaultImage = new Image;
5 : defaultImage.src = “image1.jpg”;
6 : </ script >
7: < a href ="/”myUrl" ” onMouseOver =”document.myImage.src = rollImage.src;”
8: onMouseOut =”document.myImage.src = defaultImage.src;” >
9: < img src ="/”image1.jpg" ” name =”myImage” width =100 height =100 border =0 >
39 随机显示图像
1: < script language =”JavaScript” >
2 : var imageList = new Array;
3 : imageList[ 0 ] = “image1.jpg”;
4 : imageList[ 1 ] = “image2.jpg”;
5 : imageList[ 2 ] = “image3.jpg”;
6 : imageList[ 3 ] = “image4.jpg”;
7 : var imageChoice = Math.floor(Math.random() * imageList.length);
8 : document.write(‘ < img src = ”’ + imageList[imageChoice] + ‘“ > ’);
9 : </ script >
40 函数实现的图像替换
1: < script language =”JavaScript” >
2 : var source = 0 ;
3 : var replacement = 1 ;
4 : function createRollOver(originalImage,replacementImage) {
5 : var imageArray = new Array;
6 : imageArray[source] = new Image;
7 : imageArray[source].src = originalImage;
8 : imageArray[replacement] = new Image;
9 : imageArray[replacement].src = replacementImage;
10 : return imageArray;
11 : }
12 : var rollImage1 = createRollOver(“image1.jpg”,”rollImage1.jpg”);
13 : </ script >
14: < a href =”#” onMouseOver =”document.myImage1.src = rollImage1[replacement].src;”
15: onMouseOut =”document.myImage1.src = rollImage1[source].src;” >
16: < img src ="/”image1.jpg" ” width =100 name =”myImage1” border =0 >
17: </ a >
41 创建幻灯片
1: < script language =”JavaScript” >
2 : var imageList = new Array;
3 : imageList[ 0 ] = new Image;
4 : imageList[ 0 ].src = “image1.jpg”;
5 : imageList[ 1 ] = new Image;
6 : imageList[ 1 ].src = “image2.jpg”;
7 : imageList[ 2 ] = new Image;
8 : imageList[ 2 ].src = “image3.jpg”;
9 : imageList[ 3 ] = new Image;
10 : imageList[ 3 ].src = “image4.jpg”;
11 : function slideShow(imageNumber) {
12 : document.slideShow.src = imageList[imageNumber].src;
13 : imageNumber += 1 ;
14 : if (imageNumber < imageList.length) {
15 : window.setTimeout(“slideShow(“ + imageNumber + “)”, 3000 );
16 : }
17 : }
18 : </ script >
19: </ head >
20: < body onLoad =”slideShow(0)” >
21: < img src ="/”image1.jpg" ” width =100 name =”slideShow” >
42 随机广告图片
1: < script language =”JavaScript” >
2 : var imageList = new Array;
3 : imageList[ 0 ] = “image1.jpg”;
4 : imageList[ 1 ] = “image2.jpg”;
5 : imageList[ 2 ] = “image3.jpg”;
6 : imageList[ 3 ] = “image4.jpg”;
7 : var urlList = new Array;
8 : urlList[ 0 ] = “http: // some.host/”;
9 : urlList[ 1 ] = “http: // another.host/”;
10 : urlList[ 2 ] = “http: // somewhere.else/”;
11 : urlList[ 3 ] = “http: // right.here/”;
12 : var imageChoice = Math.floor(Math.random() * imageList.length);
13 : document.write(‘ < a href = ”’ + urlList[imageChoice] + ‘“ >< img src = ”’ + imageList[imageChoice] + ‘“ >< / a>’);
14 : </ script >
JavaScript就这么回事4：表单
还是先继续写完JS就这么回事系列吧～
43 表单构成
1: < form method =”post” action =”target.html” name =”thisForm” >
2: < input type =”text” name =”myText” >
3: < select name =”mySelect” >
4: < option value =”1” > First Choice </ option >
5: < option value =”2” > Second Choice </ option >
6: </ select >
7: < br >
8: < input type =”submit” value =”Submit Me” >
9: </ form >
44 访问表单中的文本框内容
1: < form name =”myForm” >
2: < input type =”text” name =”myText” >
3: </ form >
4: < a href ='#' onClick ='window.alert(document.myForm.myText.value);' > Check Text Field </ a >
[color=Purple]45 动态复制文本框内容[/color]
1: < form name =”myForm” >
2: Enter some Text: < input type =”text” name =”myText” >< br >
3: Copy Text: < input type =”text” name =”copyText” >
4: </ form >
5: < a href =”#” onClick =”document.myForm.copyText.value =
6: document.myForm.myText.value;” > Copy Text Field </ a >
46 侦测文本框的变化
1: < form name =”myForm” >
2: Enter some Text: < input type =”text” name =”myText” onChange =”alert(this.value);” >
3: </ form >
47 访问选中的Select
1: < form name =”myForm” >
2: < select name =”mySelect” >
3: < option value =”First Choice” > 1 </ option >
4: < option value =”Second Choice” > 2 </ option >
5: < option value =”Third Choice” > 3 </ option >
6: </ select >
7: </ form >
8: < a href ='#' onClick ='alert(document.myForm.mySelect.value);' > Check Selection List </ a >
48 动态增加Select项
1: < form name =”myForm” >
2: < select name =”mySelect” >
3: < option value =”First Choice” > 1 </ option >
4: < option value =”Second Choice” > 2 </ option >
5: </ select >
6: </ form >
7: < script language =”JavaScript” >
8 : document.myForm.mySelect.length ++ ;
9 : document.myForm.mySelect.options[document.myForm.mySelect.length - 1 ].text = “ 3 ”;
10 : document.myForm.mySelect.options[document.myForm.mySelect.length - 1 ].value = “Third Choice”;
11 : </ script >
49 验证表单字段
1: < script language =”JavaScript” >
2 : function checkField(field) {
3 : if (field.value == “”) {
4 : window.alert(“You must enter a value in the field”);
5 : field.focus();
6 : }
7 : }
8 : </ script >
9: < form name =”myForm” action =”target.html” >
10: Text Field: < input type =”text” name =”myField”onBlur=”checkField(this)” >
11: < br >< input type =”submit” >
12: </ form >
[color=Purple]50 验证Select项[/color]
1: function checkList(selection) {
2: if (selection.length == 0) {
3: window.alert(“You must make a selection from the list.”);
4: return false;
5: }
6: return true;
7: }
51 动态改变表单的action
1: < form name =”myForm” action =”login.html” >
2: Username: < input type =”text” name =”username” >< br >
3: Password: < input type =”password” name =”password” >< br >
4: < input type =”button” value =”Login” onClick =”this.form.submit();” >
5: < input type =”button” value =”Register” onClick =”this.form.action = ‘register.html’; this.form.submit();” >
6: < input type =”button” value =”Retrieve Password” onClick =”this.form.action = ‘password.html’; this.form.submit();” >
7: </ form >
52 使用图像按钮
1: < form name =”myForm” action =”login.html” >
2: Username: < input type =”text” name =”username” >< br >
3: Password: < input type =”password”name=”password” >< br >
4: < input type =”image” src ="/”login.gif" ” value =”Login” >
5: </ form >
6:
53 表单数据的加密
1: < SCRIPT LANGUAGE ='JavaScript' >
2 : <!--
3 : function encrypt(item) {
4 : var newItem = '' ;
5 : for (i = 0 ; i < item.length; i ++ ) {
6 : newItem += item.charCodeAt(i) + ' . ' ;
7 : }
8 : return newItem;
9 : }
10 : function encryptForm(myForm) {
11 : for (i = 0 ; i < myForm.elements.length; i ++ ) {
12 : myForm.elements[i].value = encrypt(myForm.elements[i].value);
13 : }
14 : }
15 :
16 : // -->
17 : </ SCRIPT >
18: < form name ='myForm' onSubmit ='encryptForm(this); window.alert(this.myField.value);' >
19: Enter Some Text: < input type =text name =myField >< input type =submit >
20: </ form >
JavaScript就这么回事5：窗口和框架
54 改变浏览器状态栏文字提示
1: < script language =”JavaScript” >
2 : window.status = “A new status message”;
3 : </ script >
55 弹出确认提示框
1: < script language =”JavaScript” >
2 : var userChoice = window.confirm(“Click OK or Cancel”);
3 : if (userChoice) {
4 : document.write(“You chose OK”);
5 : } else {
6 : document.write(“You chose Cancel”);
7 : }
8 : </ script >
56 提示输入
1: < script language =”JavaScript” >
2 : var userName = window.prompt(“Please Enter Your Name”,”Enter Your Name Here”);
3 : document.write(“Your Name is “ + userName);
4 : </ script >
57 打开一个新窗口
1: //打开一个名称为myNewWindow的浏览器新窗口
2: < script language =”JavaScript” >
3 : window.open(“http: // www.liu21st.com/”,”myNewWindow”);
4 : </ script >
58 设置新窗口的大小
1: < script language =”JavaScript” >
2 : window.open(“http: // www.liu21st.com/”,”myNewWindow”,'height=300,width=300');
3 : </ script >
59 设置新窗口的位置
1: < script language =”JavaScript” >
2 : window.open(“http: // www.liu21st.com/”,”myNewWindow”,'height=300,width=300,left=200,screenX=200,top=100,screenY=100');
3 : </ script >
60 是否显示工具栏和滚动栏
1: < script language =”JavaScript” >
2 : window.open(“http: ?????????????
61 是否可以缩放新窗口的大小
1 : < script language = ”JavaScript” >
2 : window.open( ' http://www.liu21st.com/ ' , ' myNewWindow ' , ' resizable=yes ' ); </ script >
62 加载一个新的文档到当前窗口
1: < a href ='#' onClick ='document.location = '125a.html';' > Open New Document </ a >
63 设置页面的滚动位置
1: < script language =”JavaScript” >
2 : if (document.all) { // 如果是IE浏览器则使用scrollTop属性
3 : document.body.scrollTop = 200 ;
4 : } else { // 如果是NetScape浏览器则使用pageYOffset属性
5 : window.pageYOffset = 200 ;
6 : } </ script >
64 在IE中打开全屏窗口
1: < a href ='#' onClick =”window.open('http://www.juxta.com/','newWindow','fullScreen=yes');” > Open a full-screen window </ a >
65 新窗口和父窗口的操作
1: < script language =”JavaScript” >
2 : // 定义新窗口
3 : var newWindow = window.open(“128a.html”,”newWindow”);
4 : newWindow.close(); // 在父窗口中关闭打开的新窗口
5 : </ script >
6: 在新窗口中关闭父窗口
7: window.opener.close()
66 往新窗口中写内容
1: < script language =”JavaScript” >
2 : var newWindow = window.open(“”,”newWindow”);
3 : newWindow.document.open();
4 : newWindow.document.write(“This is a new window”);
5 : newWIndow.document.close();
6 : </ script >
67 加载页面到框架页面
1: < frameset cols =”50%,*” >
2: < frame name =”frame1” src ="/”135a.html" ” >
3: < frame name =”frame2” src ="/”about:blank" ” >
4: </ frameset >
5: 在frame1中加载frame2中的页面
6: parent.frame2.document.location = “135b.html”;
68 在框架页面之间共享脚本
如果在frame1中html文件中有个脚本
1: function doAlert() {
2: window.alert(“Frame 1 is loaded”);
3: }
那么在frame2中可以如此调用该方法
1: < body onLoad =”parent.frame1.doAlert();” >
2: This is frame 2.
3: </ body >
69 数据公用
可以在框架页面定义数据项，使得该数据可以被多个框架中的页面公用
1: < script language =”JavaScript” >
2 : var persistentVariable = “This is a persistent value”;
3 : </ script >
4: < frameset cols =”50%,*” >
5: < frame name =”frame1” src ="/”138a.html" ” >
6: < frame name =”frame2” src ="/”138b.html" ” >
7: </ frameset >
这样在frame1和frame2中都可以使用变量persistentVariable
70 框架代码库
根据以上的一些思路，我们可以使用一个隐藏的框架页面来作为整个框架集的代码库
1: < frameset cols =”0,50%,*” >
2: < frame name =”codeFrame” src ="/”140code.html" ” >
3: < frame name =”frame1” src ="/”140a.html" ” >
4: < frame name =”frame2” src ="/”140b.html" ” >
5: </ frameset >
< script language =javascript >
/* @cc_on @ */
/* @if (@_win32 && @_jscript_version>5)
function window.confirm(str)
{
execScript("n = msgbox('"+ str +"', 257)", "vbscript");
return(n == 1);
}
@end @ */
</ script >
//取得innerText
< span style ="border:1px solid #000000; position:absolute; overflow:hidden;" >
< select style ="margin:-2px;" >
< option > 1111 </ option >
< option > 11111111111111 </ option >
< option > 111111111 </ option >
</ select ></ span >
//Import
function Import() {
for( var i=0; i < arguments .length; i++ ) {
var file = arguments[i];
if ( file.match(/\.js$/i))
document.write('<script type =\"text/javascript\" src =\"' + file + '\" ></ sc' + 'ript > ');
else
document.write(' < style type =\"text/css\" > @import \"' + file + '\" ; </ style > ');
}
};
//js枚举
< script language ="JavaScript" >
<!--
// 图片按比例缩放
var flag = false ;
function DrawImage(ImgD){
var image = new Image();
var iwidth = 80 ; // 定义允许图片宽度
var iheight = 80 ; // 定义允许图片高度
image.src = ImgD.src;
if (image.width > 0 && image.height > 0 ){
flag = true ;
if (image.width / image.height>= iwidth / iheight){
if (image.width > iwidth){
ImgD.width = iwidth;
ImgD.height = (image.height * iwidth) / image.width;
} else {
ImgD.width = image.width;
ImgD.height = image.height;
}
ImgD.alt = image.width + " × " + image.height;
}
else {
if (image.height > iheight){
ImgD.height = iheight;
ImgD.width = (image.width * iheight) / image.height;
} else {
ImgD.width = image.width;
ImgD.height = image.height;
}
ImgD.alt = image.width + " × " + image.height;
}
}
}
// -->
</ script >
< img src =".." onload = "DrawImage(this)" >
< IE:clientCaps ID ="oClientCaps" style ="{behavior:url(#default#clientcaps)}" />
< SCRIPT >
var flash = "" ;
WMPVersion = oClientCaps.getComponentVersion( " {22D6F312-B0F6-11D0-94AB-0080C74C7E95} " , " ComponentID " );
if (WMPVersion != "" ) {
flash = "" ;
var version = WMPVersion.split( " , " );
var i;
for (i = 0 ; i < version.length; i ++ ) {
if (i != 0 )
flash += " . " ;
flash += version[i];
}
document.write( " 您的Windows Media Player 版本是: " + flash + " <p> " );
}
</ SCRIPT >
< DIV STYLE ="width: 120px; height: 50px; border: 1px solid blue;
overflow: hidden; text-overflow:ellipsis" >
< NOBR > 就是比如有一行文字，很长，表格内一行显示不下. </ NOBR >
</ DIV >
< html >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" >
< head >
< script language ="javascript" >
var ie = navigator.appName == " Microsoft Internet Explorer " ? true : false ;
function keyDown(e)
{
if ( ! ie)
{
var nkey = e.which;
var iekey = ' 现在是ns浏览器 ' ;
var realkey = String.fromCharCode(e.which);
}
if (ie)
{
var iekey = event.keyCode;
var nkey = ' 现在是ie浏览器 ' ;
var realkey = String.fromCharCode(event.keyCode);
if (event.keyCode == 32 ){realkey = ' \ ' 空格\ '' }
if (event.keyCode == 13 ){realkey = ' \ ' 回车\ '' }
if (event.keyCode == 27 ){realkey = ' \ ' Esc\ '' }
if (event.keyCode == 16 ){realkey = ' \ ' Shift\ '' }
if (event.keyCode == 17 ){realkey = ' \ ' Ctrl\ '' }
if (event.keyCode == 18 ){realkey = ' \ ' Alt\ '' }
}
alert( ' ns浏览器中键值: ' + nkey + ' \n ' + ' ie浏览器中键值: ' + iekey + ' \n ' + ' 实际键为 ' + realkey);
}
document.onkeydown = keyDown;
</ script >
</ head >
< body >
//Javascript Document.
< hr >
< center >
< h3 > 请按任意一个键。。。。 </ h3 >
</ center >
</ body >
</ html >
doc = new ActiveXObject("Msxml2.DOMDocument");
doc = new ActiveXObject("Microsoft.XMLDOM")
->>
doc = (new DOMParser()).parseFromString(sXML,'text/xml')
< input type =text name =re_name style ="width:100px;height:21px;font-size:10pt;" >< span style ="width:18px;border:0px solid red;" >< select name ="r00" style ="margin-left:-100px;width:118px; background-color:#FFEEEE;" onChange ="document.all.re_name.value=this.value;" >
< option value ="1" > 11111111 < option >
< option value ="2" > 222222 </ option >
< option value ="3" > 333333 </ option >
</ select >
</ span >
< SCRIPT language ="VBScript" >
Function URLEncoding(vstrIn)
strReturn = ""
For i = 1 To Len (vstrIn)
ThisChr = Mid (vStrIn,i, 1 )
If Abs ( Asc (ThisChr)) < & HFF Then
strReturn = strReturn & ThisChr
Else
innerCode = Asc (ThisChr)
If innerCode < 0 Then
innerCode = innerCode + & H10000
End If
Hight8 = (innerCode And & HFF00) \ & HFF
Low8 = innerCode And & HFF
strReturn = strReturn & " % " & Hex (Hight8) & " % " & Hex (Low8)
End If
Next
URLEncoding = strReturn
End Function
Function bytes2BSTR(vIn)
strReturn = ""
For i = 1 To LenB(vIn)
ThisCharCode = AscB(MidB(vIn,i, 1 ))
If ThisCharCode < & H80 Then
strReturn = strReturn & Chr (ThisCharCode)
Else
NextCharCode = AscB(MidB(vIn,i + 1 , 1 ))
strReturn = strReturn & Chr ( CLng (ThisCharCode) * & H100 + CInt (NextCharCode))
i = i + 1
End If
Next
bytes2BSTR = strReturn
End Function
dim strA,oReq
strA = URLEncoding( " submit1=Submit&text1=中文 " )
set oReq = CreateObject ( " MSXML2.XMLHTTP " )
oReq.open " POST " , " http://servername/VDir/TstResult.asp%22,false
oReq.setRequestHeader " Content-Length " , Len (strA)
oReq.setRequestHeader " CONTENT-TYPE " , " application/x-www-form-urlencoded "
oReq.send strA
msgbox bytes2BSTR(oReq.responseBody)
</ SCRIPT >
//readyState是xmlhttp返回数据的进度，0=载入中,1=未初始化,2=已载入,3=运行中,4=完成
(1)拖拽访问
event.dataTransfer.setData("URL", oImage.src);
sImageURL = event.dataTransfer.getData("URL")
(2)普通访问
window.clipboardData.setData("Text",oSource.innerText);
window.clipboardData.getData("Text");
< HTML >
< HEAD >
< META NAME ="save" CONTENT ="history" >
< STYLE >
.sHistory { behavior : url(#default#savehistory) ; }
</ STYLE >
</ HEAD >
< BODY >
< INPUT class =sHistory type =text id =oPersistInput >
</ BODY >
</ HTML >
function modelessAlert(Msg)
{
window.showModelessDialog("javascript:alert(\""+escape(Msg)+"\");window.close();","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;");
}
< p style ="page-break-after:always" > page1 </ p >
< p style ="page-break-after:always" > page2 </ p >
< meta name ="ROBOTS" content ="属性值" >
其中属性值有以下一些:
属性值为"all": 文件将被检索，且页上链接可被查询；
属性值为"none": 文件不被检索，而且不查询页上的链接；
属性值为"index": 文件将被检索；
属性值为"follow": 查询页上的链接；
属性值为"noindex": 文件不检索，但可被查询链接；
属性值为"nofollow":
< object id =min classid ="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11" >
< param name ="Command" value ="Minimize" ></ object >
< object id =max classid ="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11" >
< param name ="Command" value ="Maximize" ></ object >
< OBJECT id =close classid ="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" >
< PARAM NAME ="Command" value ="Close" ></ OBJECT >
< input type =button value =最小化 onclick =min.Click() >
< input type =button value =最大化 onclick =max.Click() >
< input type =button value =关闭 onclick =close.Click() >
< IMG SRC ="mypicture.jpg" HEIGHT ="100px" WIDTH ="100px" GALLERYIMG ="false" >
or
< head >
< meta http-equiv ="imagetoolbar" content ="no" >
</ head >
< META HTTP-EQUIV ="pragma" CONTENT ="no-cache" >
< META HTTP-EQUIV ="Cache-Control" CONTENT ="no-cache, must-revalidate" >
< META HTTP-EQUIV ="expires" CONTENT ="0" >
< input type =button value =导入收藏夹 onclick ="window.external.ImportExportFavorites(true,'http://localhost');" >
< input type =button value =导出收藏夹 onclick ="window.external.ImportExportFavorites(false,'http://localhost');" >
< input type =button value =整理收藏夹 onclick ="window.external.ShowBrowserUI('OrganizeFavorites', null)" >
< input type =button value =语言设置 onclick ="window.external.ShowBrowserUI('LanguageDialog', null)" >
< input type =button value =加入收藏夹 onclick ="window.external.AddFavorite('http://www.google.com/', 'google')" >
< input type =button value =加入到频道 onclick ="window.external.addChannel('http://www.google.com/')" >
< input type =button value =加入到频道 onclick ="window.external.showBrowserUI('PrivacySettings',null)" >
< input type =text onkeypress ="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" onpaste ="return !clipboardData.getData('text').match(/\D/)" ondragenter ="return false" >
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/yanjun1/archive/2006/06/14/795841.aspx
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:[email protected]?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'" >
//各种尺寸
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;
//过滤数字
//特殊用途
//不缓存
//正则匹配
匹配中文字符的正则表达式： [\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- ./?%&=]*)?
以下是例子：
利用正则表达式限制网页表单里的文本框输入内容：
用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
1.用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
2.用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
3.用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
//消除图像工具栏
//无提示关闭
function Close()
{
var ua=navigator.userAgent
var ie=navigator.appName=="Microsoft Internet Explorer"?true:false
if(ie)
{
var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))
if(IEversion < 5 .5)
{
var str = '<object id =noTipClose classid ="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11" > '
str += ' < param name ="Command" value ="Close" ></ object > ';
document.body.insertAdjacentHTML("beforeEnd", str);
document.all.noTipClose.Click();
}
else
{
window.opener =null;
window.close();
}
}
else
{
window.close()
}
}
//取得控件得绝对位置(1)
< script language ="javascript" >
function getoffset(e)
{
var t = e.offsetTop;
var l = e.offsetLeft;
while (e = e.offsetParent)
{
t += e.offsetTop;
l += e.offsetLeft;
}
var rec = new Array( 1 );
rec[ 0 ] = t;
rec[ 1 ] = l;
return rec
}
</ script >
//获得控件的绝对位置(2)
oRect = obj.getBoundingClientRect();
oRect.left
oRect.
//最小化,最大化,关闭 //光标停在文字最后
< script language ="javascript" >
function cc()
{
var e = event.srcElement;
var r = e.createTextRange();
r.moveStart( ' character ' ,e.value.length);
r.collapse( true );
r.select();
}
</ script >
< input type =text name =text1 value ="123" onfocus ="cc()" >
//页面进入和退出的特效
进入页面 < meta http-equiv ="Page-Enter" content ="revealTrans(duration=x, transition=y)" >
推出页面 < meta http-equiv ="Page-Exit" content ="revealTrans(duration=x, transition=y)" >
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使
用哪种特效，取值为1-23:
0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23
//网页是否被检索
//打印分页
//设置打印
< object id ="factory" style ="display:none" viewastext
classid ="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
codebase ="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360"
></ object >
< input type =button value =页面设置 onclick ="factory.printing.PageSetup()" >
< input type =button value =打印预览 onclick ="factory.printing.Preview()" >
< script language =javascript >
function window.onload()
{
// -- advanced features
factory.printing.SetMarginMeasure( 2 ) // measure margins in inches
factory.printing.SetPageRange( false , 1 , 3 ) // need pages from 1 to 3
factory.printing.printer = " HP DeskJet 870C "
factory.printing.copies = 2
factory.printing.collate = true
factory.printing.paperSize = " A4 "
factory.printing.paperSource = " Manual feed "
// -- basic features
factory.printing.header = " 居左显示&b居中显示&b居右显示页码，第&p页/共&P页 "
factory.printing.footer = " （自定义页脚） "
factory.printing.portrait = false
factory.printing.leftMargin = 0.75
factory.printing.topMargin = 1.5
factory.printing.rightMargin = 0.75
factory.printing.bottomMargin = 1.5
}
function Print(frame) {
factory.printing.Print( true , frame) // print with prompt
}
</ script >
< input type =button value ="打印本页" onclick ="factory.printing.Print(false)" >
< input type =button value ="页面设置" onclick ="factory.printing.PageSetup()" >
< input type =button value ="打印预览" onclick ="factory.printing.Preview()" >< br >
< a href ="http://www.meadroid.com/scriptx/docs/printdoc.htm?static" target =_blank > 具体使用手册，更多信息，点这里 </ 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 =打印 onclick =document.all.WebBrowser.ExecWB(6,1) >
< input type =button value =直接打印 onclick =document.all.WebBrowser.ExecWB(6,6) >
< input type =button value =页面设置 onclick =document.all.WebBrowser.ExecWB(8,1) >
</ p >
< p > < input type =button value =打印预览 onclick =document.all.WebBrowser.ExecWB(7,1) >
</ center >
//去掉打印时的页眉页脚
< script language ="JavaScript" >
var HKEY_Root,HKEY_Path,HKEY_Key;
HKEY_Root = " HKEY_CURRENT_USER " ;
HKEY_Path = " http://www.cnblogs.com/lovko/admin/file://software//Microsoft//Internet Explorer\\PageSetup\\ " ;
// 设置网页打印的页眉页脚为空
function PageSetup_Null()
{
try
{
var Wsh = new ActiveXObject( " WScript.Shell " );
HKEY_Key = " header " ;
Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, "" );
HKEY_Key = " footer " ;
Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, "" );
}
catch (e){}
}
// 设置网页打印的页眉页脚为默认值
function PageSetup_Default()
{
try
{
var Wsh = new ActiveXObject( " WScript.Shell " );
HKEY_Key = " header " ;
Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, " &w&b页码,&p/&P " );
HKEY_Key = " footer " ;
Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, " &u&b&d " );
}
catch (e){}
}
</ script >
< input type ="button" value ="清空页码" onclick =PageSetup_Null() >
< input type ="button" value ="恢复页码" onclick =PageSetup_Default() >
//浏览器验证
function checkBrowser()
{
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.mac=(this.ver.indexOf('Mac') > -1) ?1:0;
this.ope=(navigator.userAgent.indexOf('Opera')>-1);
this.ie=(this.ie6 || this.ie5 || this.ie4)
this.ns=(this.ns4 || this.ns5)
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope)
this.nbw=(!this.bw)
return this;
}
//计算内容宽和高
< SCRIPT language ="javascript" >
function test(obj)
{
var range = obj.createTextRange();
alert( " 内容区宽度: " + range.boundingWidth
+ " px\r\n内容区高度: " + range.boundingHeight + " px " );
}
</ SCRIPT >
< BODY >
< Textarea id ="txt" height ="150" > sdf </ textarea >< INPUT type ="button" value ="计算内容宽度" onClick ="test(txt)" >
</ BODY >
//无模式的提示框 //屏蔽按键
< html >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" >
< noscript >< meta http-equiv ="refresh" content ="0;url=about:noscript" ></ noscript >
< title > 屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键 </ title >
</ head >
< body >
< script language ="Javascript" > <!--
// 屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键
// Author: meizz(梅花雨) 2002-6-18
function document.oncontextmenu(){event.returnValue = false ;} // 屏蔽鼠标右键
function window.onhelp(){ return false } // 屏蔽F1帮助
function document.onkeydown()
{
if ((window.event.altKey) &&
((window.event.keyCode == 37 ) || // 屏蔽 Alt+ 方向键 ←
(window.event.keyCode == 39 ))) // 屏蔽 Alt+ 方向键 →
{
alert( " 不准你使用ALT+方向键前进或后退网页！ " );
event.returnValue = false ;
}
/* 注：这还不是真正地屏蔽 Alt+ 方向键，
因为 Alt+ 方向键弹出警告框时，按住 Alt 键不放，
用鼠标点掉警告框，这种屏蔽方法就失效了。以后若
有哪位高手有真正屏蔽 Alt 键的方法，请告知。 */
if ((event.keyCode == 8 ) || // 屏蔽退格删除键
(event.keyCode == 116 ) || // 屏蔽 F5 刷新键
(event.ctrlKey && event.keyCode == 82 )){ // Ctrl + R
event.keyCode = 0 ;
event.returnValue = false ;
}
if (event.keyCode == 122 ){event.keyCode = 0 ;event.returnValue = false ;} // 屏蔽F11
if (event.ctrlKey && event.keyCode == 78 ) event.returnValue = false ; // 屏蔽 Ctrl+n
if (event.shiftKey && event.keyCode == 121 )event.returnValue = false ; // 屏蔽 shift+F10
if (window.event.srcElement.tagName == " A " && window.event.shiftKey)
window.event.returnValue = false ; // 屏蔽 shift 加鼠标左键新开一网页
if ((window.event.altKey) && (window.event.keyCode == 115 )) // 屏蔽Alt+F4
{
window.showModelessDialog( " about:blank " , "" , " dialogWidth:1px;dialogheight:1px " );
return false ;
}
}
</ script >
屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键
</ body >
</ html >
//屏蔽打印
< style >
@media print {
* {display : none }
}
</ style >
//移动的图层，拖动
1. < span style ='position:absolute;width:200;height:200;background:red' onmousedown =MouseDown(this) onmousemove =MouseMove() onmouseup =MouseUp() > meizz </ span >
< script language =javascript >
var Obj;
function MouseDown(obj)
{
Obj = obj;
Obj.setCapture();
Obj.l = event.x - Obj.style.pixelLeft;
Obj.t = event.y - Obj.style.pixelTop;
}
function MouseMove()
{
if (Obj != null )
{
Obj.style.left = event.x - Obj.l;
Obj.style.top = event.y - Obj.t;
}
}
function MouseUp()
{
if (Obj != null )
{
Obj.releaseCapture();
Obj = null ;
}
}
</ script >
2.
< div id ="myDiv" src ="logo.gif" ondrag ="doDrag();" onmouseover ="this.style.cursor='hand'" style ="position:absolute;left=100;top=100;" onmousedown ="doMouseDown();" >
< a href ="#" onclick ="return false" >< h1 > wlecome </ h1 ></ a >
</ div >
< script language ="JavaScript" type ="text/javascript" >
var orgMouseX;
var orgMouseY;
var orgObjX;
var orgObjY;
function doDrag()
{
var myObject = document.all.myDiv;
var x = event.clientX;
var y = event.clientY;
myObject.style.left = x - (orgMouseX - orgObjX);
myObject.style.top = y - (orgMouseY - orgObjY);
}
function doMouseDown()
{
orgMouseX = event.clientX;
orgMouseY = event.clientY;
orgObjX = parseInt(document.all.myDiv.style.left);
orgObjY = parseInt(document.all.myDiv.style.top);
}
</ script >
//文档状态改变
< iframe src ="a.html" id ="f" name ="f" scrolling ="no" frameborder =0 marginwidth =0 marginheight =0 ></ iframe >
< script >
var doc = window.frames[ " f " ].document;
function s(){
if (doc.readyState == " complete " ){
document.all.f.style.height = doc.body.scrollHeight
document.all.f.style.width = doc.body.scrollWidth
}
}
doc.onreadystatechange = s
</ script >
//刷新后不变的文本框
//访问剪贴板
//操作COOKIE
function SetCookie(sName, sValue)
{
document.cookie = sName + "=" + escape(sValue) + "; ";
}
function GetCookie(sName)
{
var aCookie = document.cookie.split("; ");
for (var i=0; i < aCookie .length; i++)
{
var aCrumb = aCookie[i].split("=");
if (sName == aCrumb[0])
return unescape(aCrumb[1]);
}
}
function DelCookie(sName)
{
document.cookie = sName + " =" + escape(sValue) + " ; expires =Fri, 31 Dec 1999 23:59:59 GMT;";
}
//setTimeout增加参数
<script >
var _st = window.setTimeout;
window.setTimeout = function(fRef, mDelay) {
if(typeof fRef == 'function'){
var argu = Array.prototype.slice.call(arguments,2);
var f = (function(){ fRef.apply(null, argu); });
return _st(f, mDelay);
}
return _st(fRef,mDelay);
}
function test(x){
alert(x);
}
window.setTimeout(test,1000,'fason');
</ script >
//自定义的apply,call
Function.prototype.apply = function (obj, argu) {
if (obj) obj.constructor.prototype._caller = this;
var argus = new Array();
for (var i=0;i < argu .length;i++)
argus[i] = "argu[" + i + "]";
var r;
eval("r = " + (obj ? (" obj._caller(" + argus.join(",") + ");") : ("this(" + argus.join(",") + ");")));
return r;
};
Function.prototype.call = function (obj) {
var argu = new Array();
for (var i =1;i<arguments.length;i++)
argu[i-1] = arguments[i];
return this.apply(obj, argu);
};
//下载文件
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);
}
}
}
//POST代替FORM
//组件是否安装
isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID"))
//检查网页是否存在
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;
}
//连接数据库
<script language ="javascript" >
//用 JavaScript 写服务器端连接数据库的代码示例
var conn = new ActiveXObject("ADODB.Connection");
conn.Open("Provider=SQLOLEDB.1; Data Source=localhost; User ID=sa; "
+"Password=; Initial Catalog=pubs");
var rs = new ActiveXObject("ADODB.Recordset");
var sql="select * from authors";
rs.open(sql, conn);
shtml = " < table width ='100%' border =1 > ";
shtml +=" < tr bgcolor ='#f4f4f4' >< td > au_id </ td >< td > au_lname </ td >< td > au_fname </ td >< td > phone </ td >< td > address </ td >< td > city </ td >< td > state </ td >< td > zip </ td ></ tr > ";
while(!rs.EOF)
{
shtml += " < tr >< td > " + rs("au_id") + " </ td >< td > " + rs("au_lname") + " </ td >< td > " + rs("au_fname") + " </ td >< td > " + rs("phone") + " </ td >< td > " + rs("address") + " </ td >< td > " + rs("city") + " </ td >< td > " + rs("state") + " </ td >< td > " + rs("zip") + " </ td ></ tr > ";
rs.moveNext;
}
shtml += " </ table > ";
document.write(shtml);
rs.close();
rs = null;
conn.close();
conn = null;
</ script >
//使用数据岛
< html >
< body >
srno： < input type =text datasrc =#xmldate DataFLD =srno size ="76" >< BR >
times： < input type =text datasrc =#xmldate DataFLD =times size ="76" >< BR >
< input id ="first" TYPE =button value ="<< 第一条记录" onclick ="xmldate.recordset.moveFirst()" >
< input id ="prev" TYPE =button value ="<上一条记录" onclick ="xmldate.recordset.movePrevious()" >
< input id ="next" TYPE =button value ="下一条记录>" onclick ="xmldate.recordset.moveNext()" >
< input id ="last" TYPE =button value ="最后一条记录>>" onclick ="xmldate.recordset.moveLast()" >
< input id ="Add" TYPE =button value ="添加新记录" onclick ="xmldate.recordset.addNew()" >
< XML ID ="xmldate" >
< infolist >
< info >< srno > 20041025-01 </ srno >< times > null </ times ></ info >
< info >< srno > 20041101-09 </ srno >< times > 2004年10月1日2点22分0秒 </ times ></ info >
</ infolist >
</ XML >
</ body >
</ html >
//获得参数
< body >
< a href ="javascript:location.href=location.href + '?a=1&b=2'" > search </ a >
< script language ="JavaScript" >
<!--
var a = location.search.substr( 1 );
if (a.length > 0 )
{
var re = / ([^&]*?)\=([^&]*) / g
var s = a.match(re);
for ( var i = 0 ;i < s.length;i ++ )
{
alert(s[i]);
alert(s[i].split( " = " )[ 1 ]);
}
}
// -->
</ script >
</ body >
//可编辑SELECT
//设置光标位置
function getCaret(textbox)
{
var control = document.activeElement;
textbox.focus();
var rang = document.selection.createRange();
rang.setEndPoint("StartToStart",textbox.createTextRange())
control.focus();
return rang.text.length;
}
function setCaret(textbox,pos)
{
try
{
var r =textbox.createTextRange();
r.moveStart('character',pos);
r.collapse(true);
r.select();
}
catch(e)
{}
}
function selectLength(textbox,start,len)
{
try
{
var r =textbox.createTextRange();
r.moveEnd('character',len-(textbox.value.length-start));
r.moveStart('character',start);
r.select();
}
catch(e)
{//alert(e.description)}
}
function insertAtCaret(textbox,text)
{
textbox.focus();
document.selection.createRange().text = text;
}
//页内查找
function findInPage(str)
{
var txt, i, found,n = 0;
if (str == "")
{
return false;
}
txt = document.body.createTextRange();
for (i = 0; i < = n && (found = txt.findText(str)) ! = false; i++)
{
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
if (found)
{
txt.moveStart("character", -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
else
{
if (n > 0)
{
n = 0;
findInPage(str);
}
else
{
alert(str + "
您要找的文字不存在。\n \n请试着输入页面中的关键字再次查找！"); }
}
return false;
}
//书
http://www.itpub.net/attachment.php?s= &postid =1894598
http://www.wrclub.net/down/listdown.aspx?id=1341
//操作EXECL
< script language ="javascript" >
function jStartExcel() {
var xls = new ActiveXObject ( " Excel.Application " );
xls.visible = true ;
var newBook = xls.Workbooks.Add;
newBook.Worksheets.Add;
newBook.Worksheets( 1 ).Activate;
xls.ActiveWorkBook.ActiveSheet.PageSetup.Orientation = 2 ;
xls.ActiveWorkBook.ActiveSheet.PageSetup.PaperSize = 5 ;
newBook.Worksheets( 1 ).Columns( " A " ).columnwidth = 50 ;
newBook.Worksheets( 1 ).Columns( " A " ).WrapText = true ;
newBook.Worksheets( 1 ).Columns( " B " ).columnwidth = 50 ;
newBook.Worksheets( 1 ).Columns( " B " ).WrapText = true ;
newBook.Worksheets( 1 ).Range( " A1:B1000 " ).NumberFormat = " 0 " ;
newBook.Worksheets( 1 ).Range( " A1:B1000 " ).HorizontalAlignment = - 4131 ;
newBook.Worksheets( 1 ).Cells( 1 , 1 ).Interior.ColorIndex = " 15 " ;
newBook.Worksheets( 1 ).Cells( 1 , 1 ).value = " First Column, First Cell " ;
newBook.Worksheets( 1 ).Cells( 2 , 1 ).value = " First Column, Second Cell " ;
newBook.Worksheets( 1 ).Cells( 1 , 2 ).value = " Second Column, First Cell " ;
newBook.Worksheets( 1 ).Cells( 2 , 2 ).value = " Second Column, Second Cell " ;
newBook.Worksheets( 1 ).Name = " My First WorkSheet " ;
}
</ script >
//自定义提示条
< a href ="#" title ="这是提示" > tip </ a >
< script Language ="JavaScript" >
// ***********默认设置定义.*********************
tPopWait = 50 ; // 停留tWait豪秒后显示提示。
tPopShow = 5000 ; // 显示tShow豪秒后关闭提示
showPopStep = 20 ;
popOpacity = 99 ;
// ***************内部变量定义*****************
sPop = null ;
curShow = null ;
tFadeOut = null ;
tFadeIn = null ;
tFadeWaiting = null ;
document.write( " <style type='text/css'id='defaultPopStyle'> " );
document.write( " .cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)} " );
document.write( " </style> " );
document.write( " <div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div> " );
function showPopupText(){
var o = event.srcElement;
MouseX = event.x;
MouseY = event.y;
if (o.alt != null && o.alt != "" ){o.dypop = o.alt;o.alt = "" };
if (o.title != null && o.title != "" ){o.dypop = o.title;o.title = "" };
if (o.dypop != sPop) {
sPop = o.dypop;
clearTimeout(curShow);
clearTimeout(tFadeOut);
clearTimeout(tFadeIn);
clearTimeout(tFadeWaiting);
if (sPop == null || sPop == "" ) {
dypopLayer.innerHTML = "" ;
dypopLayer.style.filter = " Alpha() " ;
dypopLayer.filters.Alpha.opacity = 0 ;
}
else {
if (o.dyclass != null ) popStyle = o.dyclass
else popStyle = " cPopText " ;
curShow = setTimeout( " showIt() " ,tPopWait);
}
}
}
function showIt(){
dypopLayer.className = popStyle;
dypopLayer.innerHTML = sPop;
popWidth = dypopLayer.clientWidth;
popHeight = dypopLayer.clientHeight;
if (MouseX + 12 + popWidth > document.body.clientWidth) popLeftAdjust =- popWidth - 24
else popLeftAdjust = 0 ;
if (MouseY + 12 + popHeight > document.body.clientHeight) popTopAdjust =- popHeight - 24
else popTopAdjust = 0 ;
dypopLayer.style.left = MouseX + 12 + document.body.scrollLeft + popLeftAdjust;
dypopLayer.style.top = MouseY + 12 + document.body.scrollTop + popTopAdjust;
dypopLayer.style.filter = " Alpha(Opacity=0) " ;
fadeOut();
}
function fadeOut(){
if (dypopLayer.filters.Alpha.opacity < popOpacity) {
dypopLayer.filters.Alpha.opacity += showPopStep;
tFadeOut = setTimeout( " fadeOut() " , 1 );
}
else {
dypopLayer.filters.Alpha.opacity = popOpacity;
tFadeWaiting = setTimeout( " fadeIn() " ,tPopShow);
}
}
function fadeIn(){
if (dypopLayer.filters.Alpha.opacity > 0 ) {
dypopLayer.filters.Alpha.opacity -= 1 ;
tFadeIn = setTimeout( " fadeIn() " , 1 );
}
}
document.onmouseover = showPopupText;
</ script >
//插入文字
document.onclick =function(){
var oSource = window.event.srcElement;
if(oSource.tagName!="DIV")
return false;
var sel = document.selection;
if (sel!=null) {
var rng = sel.createRange();
if (rng!=null)
rng.pasteHTML(" < font color =red > 插入文字 </ font > ");
}
}
//netscapte下操作xml
//判断键值
//禁止FSO
1.注销组件
regsvr32 /u scrrun.dll
2.修改PROGID
HKEY_CLASSES_ROOT\Scripting.FileSystemObject
Scripting.FileSystemObject
3.对于使用object的用户，修改HKEY_CLASSES_ROOT\Scripting.
//省略号
//检测media play版本
//图象按比例
//细线SELECT
function getComputerName()
{
var objWMIService = GetObject("Winmgmts:root\cimv2");
for(e = new Enumerator(objWMIService) ; !e.atEnd() ; e.moveNext())
{
var getComputer = e.item();
return getComputer.Name;
}
}
//条件编译
< SCRIPT LANGUAGE ="JavaScript" >
<!--
var xmlDoc = new ActiveXObject( " Msxml2.DOMDocument.4.0 " );
var currNode;
xmlDoc.async = false ;
xmlDoc.async = false ;
xmlDoc.loadXML( " <TABLENAME> 你好你阿三 大法 司法等四 </TABLENAME> " );
currNode = xmlDoc.documentElement;
var s = currNode.xml;
var r = / \<([^\>\s]*?)[^\>]*?\>([^\<]*?)\<\ / \ 1 \ >/
var b = s.replace(r, " $2 " );
alert(b);
// -->
</ SCRIPT >
//mergeAttributes 复制所有读/写标签属性到指定元素。
< SCRIPT >
function fnMerge(){
oSource.children[ 1 ].mergeAttributes(oSource.children[ 0 ]);
}
</ SCRIPT >
< SPAN ID =oSource >
< DIV
ID ="oDiv"
ATTRIBUTE1 ="true"
ATTRIBUTE2 ="true"
onclick ="alert('click');"
onmouseover ="this.style.color='#0000FF';"
onmouseout ="this.style.color='#000000';"
>
This is a sample < B > DIV </ B > element.
</ DIV >
< DIV ID ="oDiv2" >
This is another sample < B > DIV </ B > element.
</ DIV >
</ SPAN >
< INPUT
TYPE ="button"
VALUE ="Merge Attributes"
onclick ="fnMerge()"
> ***********************************************************************************************************************
JavaScript就这么回事
有些时候你精通一门语言，但是会发现你其实整天在和其它语言打交道， 也许你以为这些微不足道，不至于影响你的开发进度，但恰恰是这些你不重视的东西会浪费你很多时间，我一直以为我早在几年前就已经精通JavaScript 了，直到目前，我才越来越觉得JavaScript远比我想象的复杂和强大，我开始崇拜它，就像崇拜所有OOP语言一样～
趁着节日的空隙，把有关JavaScript的方法和技巧整理下，让每个在为JavaScript而烦恼的人明白，JavaScript就这么回事！并希望JavaScript还可以成为你的朋友，让你豁然开朗，在项目中更好的应用～
适合阅读范围：对JavaScript一无所知～离精通只差一步之遥的人
基础知识：HTML
JavaScript就这么回事1：基础知识
1 创建脚本块
1: < script language =”JavaScript” >
2 : JavaScript code goes here
3 : </ script >
2 隐藏脚本代码
1: < script language =”JavaScript” >
2 : <!--
3 : document.write(“Hello”);
4 : // -->
5 : </ script >
在不支持JavaScript的浏览器中将不执行相关代码
3 浏览器不支持的时候显示
1: < noscript >
2: Hello to the non-JavaScript browser.
3: </ noscript >
4 链接外部脚本文件
1: < script language =”JavaScript” src ="/”filename.js" ” ></ script >
5 注释脚本
1: // This is a comment
2: document.write(“Hello”); // This is a comment
3: /*
4: All of this
5: is a comment
6: */
6 输出到浏览器
1: document.write(“ < strong > Hello </ strong > ”);
7 定义变量
1: var myVariable = “some value”;
8 字符串相加
1: var myString = “String1” + “String2”;
9 字符串搜索
1: < script language =”JavaScript” >
2 : <!--
3 : var myVariable = “Hello there”;
4 : var therePlace = myVariable.search(“there”);
5 : document.write(therePlace);
6 : // -->
7 : </ script >
10 字符串替换
1: thisVar.replace(“Monday”,”Friday”);
11 格式化字串
1: < script language =”JavaScript” >
2 : <!--
3 : var myVariable = “Hello there”;
4 : document.write(myVariable.big() + “ < br > ”);
5 : document.write(myVariable.blink() + “ < br > ”);
6 : document.write(myVariable.bold() + “ < br > ”);
7 : document.write(myVariable.fixed() + “ < br > ”);
8 : document.write(myVariable.fontcolor(“red”) + “ < br > ”);
9 : document.write(myVariable.fontsize(“18pt”) + “ < br > ”);
10 : document.write(myVariable.italics() + “ < br > ”);
11 : document.write(myVariable.small() + “ < br > ”);
12 : document.write(myVariable.strike() + “ < br > ”);
13 : document.write(myVariable.sub() + “ < br > ”);
14 : document.write(myVariable.sup() + “ < br > ”);
15 : document.write(myVariable.toLowerCase() + “ < br > ”);
16 : document.write(myVariable.toUpperCase() + “ < br > ”);
17 :
18 : var firstString = “My String”;
19 : var finalString = firstString.bold().toLowerCase().fontcolor(“red”);
20 : // -->
21 : </ script >
12 创建数组
1: < script language =”JavaScript” >
2 : <!--
3 : var myArray = new Array( 5 );
4 : myArray[ 0 ] = “First Entry”;
5 : myArray[ 1 ] = “Second Entry”;
6 : myArray[ 2 ] = “Third Entry”;
7 : myArray[ 3 ] = “Fourth Entry”;
8 : myArray[ 4 ] = “Fifth Entry”;
9 : var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);
10 : // -->
11 : </ script >
13 数组排序
1: < script language =”JavaScript” >
2 : <!--
3 : var myArray = new Array( 5 );
4 : myArray[ 0 ] = “z”;
5 : myArray[ 1 ] = “c”;
6 : myArray[ 2 ] = “d”;
7 : myArray[ 3 ] = “a”;
8 : myArray[ 4 ] = “q”;
9 : document.write(myArray.sort());
10 : // -->
11 : </ script >
14 分割字符串
1: < script language =”JavaScript” >
2 : <!--
3 : var myVariable = “a,b,c,d”;
4 : var stringArray = myVariable.split(“,”);
5 : document.write(stringArray[ 0 ]);
6 : document.write(stringArray[ 1 ]);
7 : document.write(stringArray[ 2 ]);
8 : document.write(stringArray[ 3 ]);
9 : // -->
10 : </ script >
15 弹出警告信息
1: < script language =”JavaScript” >
2 : <!--
3 : window.alert(“Hello”);
4 : // -->
5 : </ script >
16 弹出确认框
1: < script language =”JavaScript” >
2 : <!--
3 : var result = window.confirm(“Click OK to continue ”);
4 : // -->
5 : </ script >
17 定义函数
1: < script language =”JavaScript” >
2 : <!--
3 : function multiple(number1,number2) {
4 : var result = number1 * number2;
5 : return result;
6 : }
7 : // -->
8 : </ script >
18 调用JS函数
1: < a href =”#” onClick =”functionName()” > Link text </ a >
2: < a href ="/”javascript:functionName" ()” > Link text </ a >
19 在页面加载完成后执行函数
1: < body onLoad =”functionName();” >
2: Body of the page
3: </ body >
20 条件判断
1: < script >
2 : <!--
3 : var userChoice = window.confirm(“Choose OK or Cancel”);
4 : var result = (userChoice == true ) ? “OK” : “Cancel”;
5 : document.write(result);
6 : // -->
7 : </ script >
21 指定次数循环
1: < script >
2 : <!--
3 : var myArray = new Array( 3 );
4 : myArray[ 0 ] = “Item 0 ”;
5 : myArray[ 1 ] = “Item 1 ”;
6 : myArray[ 2 ] = “Item 2 ”;
7 : for (i = 0 ; i < myArray.length; i ++ ) {
8 : document.write(myArray[i] + “ < br > ”);
9 : }
10 : // -->
11 : </ script >
22 设定将来执行
1: < script >
2 : <!--
3 : function hello() {
4 : window.alert(“Hello”);
5 : }
6 : window.setTimeout(“hello()”, 5000 );
7 : // -->
8 : </ script >
23 定时执行函数
1: < script >
2 : <!--
3 : function hello() {
4 : window.alert(“Hello”);
5 : window.setTimeout(“hello()”, 5000 );
6 : }
7 : window.setTimeout(“hello()”, 5000 );
8 : // -->
9 : </ script >
24 取消定时执行
1: < script >
2 : <!--
3 : function hello() {
4 : window.alert(“Hello”);
5 : }
6 : var myTimeout = window.setTimeout(“hello()”, 5000 );
7 : window.clearTimeout(myTimeout);
8 : // -->
9 : </ script >
25 在页面卸载时候执行函数
1: < body onUnload =”functionName();” >
2: Body of the page
3: </ body >
JavaScript就这么回事2：浏览器输出
26 访问document对象
1: < script language =”JavaScript” >
2 : var myURL = document.URL;
3 : window.alert(myURL);
4 : </ script >
27 动态输出HTML
1: < script language =”JavaScript” >
2 : document.write(“ < p > Here’s some information about this document: < / p>”);
3 : document.write(“ < ul > ”);
4 : document.write(“ < li > Referring Document: “ + document.referrer + “ < / li>”);
5 : document.write(“ < li > Domain: “ + document.domain + “ < / li>”);
6 : document.write(“ < li > URL: “ + document.URL + “ < / li>”);
7 : document.write(“ < / ul>”);
8 : </ script >
28 输出换行
1: document.writeln(“ < strong > a </ strong > ”);
2: document.writeln(“b”);
29 输出日期
1: < script language =”JavaScript” >
2 : var thisDate = new Date();
3 : document.write(thisDate.toString());
4 : </ script >
30 指定日期的时区
1: < script language =”JavaScript” >
2 : var myOffset = - 2 ;
3 : var currentDate = new Date();
4 : var userOffset = currentDate.getTimezoneOffset() / 60;
5 : var timeZoneDifference = userOffset - myOffset;
6 : currentDate.setHours(currentDate.getHours() + timeZoneDifference);
7 : document.write(“The time and date in Central Europe is: “ + currentDate.toLocaleString());
8 : </ script >
31 设置日期输出格式
1: < script language =”JavaScript” >
2 : var thisDate = new Date();
3 : var thisTimeString = thisDate.getHours() + “:” + thisDate.getMinutes();
4 : var thisDateString = thisDate.getFullYear() + “ / ” + thisDate.getMonth() + “ / ” + thisDate.getDate();
5 : document.write(thisTimeString + “ on “ + thisDateString);
6 : </ script >
32 读取URL参数
1: < script language =”JavaScript” >
2 : var urlParts = document.URL.split(“ ? ”);
3 : var parameterParts = urlParts[ 1 ].split(“ & ”);
4 : for (i = 0 ; i < parameterParts.length; i ++ ) {
5 : var pairParts = parameterParts[i].split(“ = ”);
6 : var pairName = pairParts[ 0 ];
7 : var pairValue = pairParts[ 1 ];
8 : document.write(pairName + “ ：“ + pairValue );
9 : }
10 : </ script >
你还以为HTML是无状态的么？
33 打开一个新的document对象
1: < script language =”JavaScript” >
2 : function newDocument() {
3 : document.open();
4 : document.write(“ < p > This is a New Document. < / p>”);
5 : document.close();
6 : }
7 : </ script >
34 页面跳转
1: < script language =”JavaScript” >
2 : window.location = “http: // www.liu21st.com/”;
3 : </ script >
35 添加网页加载进度窗口
1: < html >
2: < head >
3: < script language ='javaScript' >
4 : var placeHolder = window.open( ' holder.html ' , ' placeholder ' , ' width=200,height=200 ' );
5 : </ script >
6: < title > The Main Page </ title >
7: </ head >
8: < body onLoad ='placeHolder.close()' >
9: < p > This is the main page </ p >
10: </ body >
11: </ html >
JavaScript就这么回事3：图像
36 读取图像属性
1: < img src ="/”image1.jpg" ” name =”myImage” >
2: < a href =”# ” onClick =”window.alert(document.myImage.width)” > Width </ a >
3:
37 动态加载图像
1: < script language =”JavaScript” >
2 : myImage = new Image;
3 : myImage.src = “Tellers1.jpg”;
4 : </ script >
38 简单的图像替换
1: < script language =”JavaScript” >
2 : rollImage = new Image;
3 : rollImage.src = “rollImage1.jpg”;
4 : defaultImage = new Image;
5 : defaultImage.src = “image1.jpg”;
6 : </ script >
7: < a href ="/”myUrl" ” onMouseOver =”document.myImage.src = rollImage.src;”
8: onMouseOut =”document.myImage.src = defaultImage.src;” >
9: < img src ="/”image1.jpg" ” name =”myImage” width =100 height =100 border =0 >
39 随机显示图像
1: < script language =”JavaScript” >
2 : var imageList = new Array;
3 : imageList[ 0 ] = “image1.jpg”;
4 : imageList[ 1 ] = “image2.jpg”;
5 : imageList[ 2 ] = “image3.jpg”;
6 : imageList[ 3 ] = “image4.jpg”;
7 : var imageChoice = Math.floor(Math.random() * imageList.length);
8 : document.write(‘ < img src = ”’ + imageList[imageChoice] + ‘“ > ’);
9 : </ script >
40 函数实现的图像替换
1: < script language =”JavaScript” >
2 : var source = 0 ;
3 : var replacement = 1 ;
4 : function createRollOver(originalImage,replacementImage) {
5 : var imageArray = new Array;
6 : imageArray[source] = new Image;
7 : imageArray[source].src = originalImage;
8 : imageArray[replacement] = new Image;
9 : imageArray[replacement].src = replacementImage;
10 : return imageArray;
11 : }
12 : var rollImage1 = createRollOver(“image1.jpg”,”rollImage1.jpg”);
13 : </ script >
14: < a href =”#” onMouseOver =”document.myImage1.src = rollImage1[replacement].src;”
15: onMouseOut =”document.myImage1.src = rollImage1[source].src;” >
16: < img src ="/”image1.jpg" ” width =100 name =”myImage1” border =0 >
17: </ a >
41 创建幻灯片
1: < script language =”JavaScript” >
2 : var imageList = new Array;
3 : imageList[ 0 ] = new Image;
4 : imageList[ 0 ].src = “image1.jpg”;
5 : imageList[ 1 ] = new Image;
6 : imageList[ 1 ].src = “image2.jpg”;
7 : imageList[ 2 ] = new Image;
8 : imageList[ 2 ].src = “image3.jpg”;
9 : imageList[ 3 ] = new Image;
10 : imageList[ 3 ].src = “image4.jpg”;
11 : function slideShow(imageNumber) {
12 : document.slideShow.src = imageList[imageNumber].src;
13 : imageNumber += 1 ;
14 : if (imageNumber < imageList.length) {
15 : window.setTimeout(“slideShow(“ + imageNumber + “)”, 3000 );
16 : }
17 : }
18 : </ script >
19: </ head >
20: < body onLoad =”slideShow(0)” >
21: < img src ="/”image1.jpg" ” width =100 name =”slideShow” >
42 随机广告图片
1: < script language =”JavaScript” >
2 : var imageList = new Array;
3 : imageList[ 0 ] = “image1.jpg”;
4 : imageList[ 1 ] = “image2.jpg”;
5 : imageList[ 2 ] = “image3.jpg”;
6 : imageList[ 3 ] = “image4.jpg”;
7 : var urlList = new Array;
8 : urlList[ 0 ] = “http: // some.host/”;
9 : urlList[ 1 ] = “http: // another.host/”;
10 : urlList[ 2 ] = “http: // somewhere.else/”;
11 : urlList[ 3 ] = “http: // right.here/”;
12 : var imageChoice = Math.floor(Math.random() * imageList.length);
13 : document.write(‘ < a href = ”’ + urlList[imageChoice] + ‘“ >< img src = ”’ + imageList[imageChoice] + ‘“ >< / a>’);
14 : </ script >
JavaScript就这么回事4：表单
还是先继续写完JS就这么回事系列吧～
43 表单构成
1: < form method =”post” action =”target.html” name =”thisForm” >
2: < input type =”text” name =”myText” >
3: < select name =”mySelect” >
4: < option value =”1” > First Choice </ option >
5: < option value =”2” > Second Choice </ option >
6: </ select >
7: < br >
8: < input type =”submit” value =”Submit Me” >
9: </ form >
44 访问表单中的文本框内容
1: < form name =”myForm” >
2: < input type =”text” name =”myText” >
3: </ form >
4: < a href ='#' onClick ='window.alert(document.myForm.myText.value);' > Check Text Field </ a >
[color=Purple]45 动态复制文本框内容[/color]
1: < form name =”myForm” >
2: Enter some Text: < input type =”text” name =”myText” >< br >
3: Copy Text: < input type =”text” name =”copyText” >
4: </ form >
5: < a href =”#” onClick =”document.myForm.copyText.value =
6: document.myForm.myText.value;” > Copy Text Field </ a >
46 侦测文本框的变化
1: < form name =”myForm” >
2: Enter some Text: < input type =”text” name =”myText” onChange =”alert(this.value);” >
3: </ form >
47 访问选中的Select
1: < form name =”myForm” >
2: < select name =”mySelect” >
3: < option value =”First Choice” > 1 </ option >
4: < option value =”Second Choice” > 2 </ option >
5: < option value =”Third Choice” > 3 </ option >
6: </ select >
7: </ form >
8: < a href ='#' onClick ='alert(document.myForm.mySelect.value);' > Check Selection List </ a >
48 动态增加Select项
1: < form name =”myForm” >
2: < select name =”mySelect” >
3: < option value =”First Choice” > 1 </ option >
4: < option value =”Second Choice” > 2 </ option >
5: </ select >
6: </ form >
7: < script language =”JavaScript” >
8 : document.myForm.mySelect.length ++ ;
9 : document.myForm.mySelect.options[document.myForm.mySelect.length - 1 ].text = “ 3 ”;
10 : document.myForm.mySelect.options[document.myForm.mySelect.length - 1 ].value = “Third Choice”;
11 : </ script >
49 验证表单字段
1: < script language =”JavaScript” >
2 : function checkField(field) {
3 : if (field.value == “”) {
4 : window.alert(“You must enter a value in the field”);
5 : field.focus();
6 : }
7 : }
8 : </ script >
9: < form name =”myForm” action =”target.html” >
10: Text Field: < input type =”text” name =”myField”onBlur=”checkField(this)” >
11: < br >< input type =”submit” >
12: </ form >
[color=Purple]50 验证Select项[/color]
1: function checkList(selection) {
2: if (selection.length == 0) {
3: window.alert(“You must make a selection from the list.”);
4: return false;
5: }
6: return true;
7: }
51 动态改变表单的action
1: < form name =”myForm” action =”login.html” >
2: Username: < input type =”text” name =”username” >< br >
3: Password: < input type =”password” name =”password” >< br >
4: < input type =”button” value =”Login” onClick =”this.form.submit();” >
5: < input type =”button” value =”Register” onClick =”this.form.action = ‘register.html’; this.form.submit();” >
6: < input type =”button” value =”Retrieve Password” onClick =”this.form.action = ‘password.html’; this.form.submit();” >
7: </ form >
52 使用图像按钮
1: < form name =”myForm” action =”login.html” >
2: Username: < input type =”text” name =”username” >< br >
3: Password: < input type =”password”name=”password” >< br >
4: < input type =”image” src ="/”login.gif" ” value =”Login” >
5: </ form >
6:
53 表单数据的加密
1: < SCRIPT LANGUAGE ='JavaScript' >
2 : <!--
3 : function encrypt(item) {
4 : var newItem = '' ;
5 : for (i = 0 ; i < item.length; i ++ ) {
6 : newItem += item.charCodeAt(i) + ' . ' ;
7 : }
8 : return newItem;
9 : }
10 : function encryptForm(myForm) {
11 : for (i = 0 ; i < myForm.elements.length; i ++ ) {
12 : myForm.elements[i].value = encrypt(myForm.elements[i].value);
13 : }
14 : }
15 :
16 : // -->
17 : </ SCRIPT >
18: < form name ='myForm' onSubmit ='encryptForm(this); window.alert(this.myField.value);' >
19: Enter Some Text: < input type =text name =myField >< input type =submit >
20: </ form >
JavaScript就这么回事5：窗口和框架
54 改变浏览器状态栏文字提示
1: < script language =”JavaScript” >
2 : window.status = “A new status message”;
3 : </ script >
55 弹出确认提示框
1: < script language =”JavaScript” >
2 : var userChoice = window.confirm(“Click OK or Cancel”);
3 : if (userChoice) {
4 : document.write(“You chose OK”);
5 : } else {
6 : document.write(“You chose Cancel”);
7 : }
8 : </ script >
56 提示输入
1: < script language =”JavaScript” >
2 : var userName = window.prompt(“Please Enter Your Name”,”Enter Your Name Here”);
3 : document.write(“Your Name is “ + userName);
4 : </ script >
57 打开一个新窗口
1: //打开一个名称为myNewWindow的浏览器新窗口
2: < script language =”JavaScript” >
3 : window.open(“http: // www.liu21st.com/”,”myNewWindow”);
4 : </ script >
58 设置新窗口的大小
1: < script language =”JavaScript” >
2 : window.open(“http: // www.liu21st.com/”,”myNewWindow”,'height=300,width=300');
3 : </ script >
59 设置新窗口的位置
1: < script language =”JavaScript” >
2 : window.open(“http: // www.liu21st.com/”,”myNewWindow”,'height=300,width=300,left=200,screenX=200,top=100,screenY=100');
3 : </ script >
60 是否显示工具栏和滚动栏
1: < script language =”JavaScript” >
2 : window.open(“http: ?????????????
61 是否可以缩放新窗口的大小
1 : < script language = ”JavaScript” >
2 : window.open( ' http://www.liu21st.com/ ' , ' myNewWindow ' , ' resizable=yes ' ); </ script >
62 加载一个新的文档到当前窗口
1: < a href ='#' onClick ='document.location = '125a.html';' > Open New Document </ a >
63 设置页面的滚动位置
1: < script language =”JavaScript” >
2 : if (document.all) { // 如果是IE浏览器则使用scrollTop属性
3 : document.body.scrollTop = 200 ;
4 : } else { // 如果是NetScape浏览器则使用pageYOffset属性
5 : window.pageYOffset = 200 ;
6 : } </ script >
64 在IE中打开全屏窗口
1: < a href ='#' onClick =”window.open('http://www.juxta.com/','newWindow','fullScreen=yes');” > Open a full-screen window </ a >
65 新窗口和父窗口的操作
1: < script language =”JavaScript” >
2 : // 定义新窗口
3 : var newWindow = window.open(“128a.html”,”newWindow”);
4 : newWindow.close(); // 在父窗口中关闭打开的新窗口
5 : </ script >
6: 在新窗口中关闭父窗口
7: window.opener.close()
66 往新窗口中写内容
1: < script language =”JavaScript” >
2 : var newWindow = window.open(“”,”newWindow”);
3 : newWindow.document.open();
4 : newWindow.document.write(“This is a new window”);
5 : newWIndow.document.close();
6 : </ script >
67 加载页面到框架页面
1: < frameset cols =”50%,*” >
2: < frame name =”frame1” src ="/”135a.html" ” >
3: < frame name =”frame2” src ="/”about:blank" ” >
4: </ frameset >
5: 在frame1中加载frame2中的页面
6: parent.frame2.document.location = “135b.html”;
68 在框架页面之间共享脚本
如果在frame1中html文件中有个脚本
1: function doAlert() {
2: window.alert(“Frame 1 is loaded”);
3: }
那么在frame2中可以如此调用该方法
1: < body onLoad =”parent.frame1.doAlert();” >
2: This is frame 2.
3: </ body >
69 数据公用
可以在框架页面定义数据项，使得该数据可以被多个框架中的页面公用
1: < script language =”JavaScript” >
2 : var persistentVariable = “This is a persistent value”;
3 : </ script >
4: < frameset cols =”50%,*” >
5: < frame name =”frame1” src ="/”138a.html" ” >
6: < frame name =”frame2” src ="/”138b.html" ” >
7: </ frameset >
这样在frame1和frame2中都可以使用变量persistentVariable
70 框架代码库
根据以上的一些思路，我们可以使用一个隐藏的框架页面来作为整个框架集的代码库
1: < frameset cols =”0,50%,*” >
2: < frame name =”codeFrame” src ="/”140code.html" ” >
3: < frame name =”frame1” src ="/”140a.html" ” >
4: < frame name =”frame2” src ="/”140b.html" ” >
5: </ frameset >
< script language =javascript >
/* @cc_on @ */
/* @if (@_win32 && @_jscript_version>5)
function window.confirm(str)
{
execScript("n = msgbox('"+ str +"', 257)", "vbscript");
return(n == 1);
}
@end @ */
</ script >
//取得innerText
< span style ="border:1px solid #000000; position:absolute; overflow:hidden;" >
< select style ="margin:-2px;" >
< option > 1111 </ option >
< option > 11111111111111 </ option >
< option > 111111111 </ option >
</ select ></ span >
//Import
function Import() {
for( var i=0; i < arguments .length; i++ ) {
var file = arguments[i];
if ( file.match(/\.js$/i))
document.write('<script type =\"text/javascript\" src =\"' + file + '\" ></ sc' + 'ript > ');
else
document.write(' < style type =\"text/css\" > @import \"' + file + '\" ; </ style > ');
}
};
//js枚举
< script language ="JavaScript" >
<!--
// 图片按比例缩放
var flag = false ;
function DrawImage(ImgD){
var image = new Image();
var iwidth = 80 ; // 定义允许图片宽度
var iheight = 80 ; // 定义允许图片高度
image.src = ImgD.src;
if (image.width > 0 && image.height > 0 ){
flag = true ;
if (image.width / image.height>= iwidth / iheight){
if (image.width > iwidth){
ImgD.width = iwidth;
ImgD.height = (image.height * iwidth) / image.width;
} else {
ImgD.width = image.width;
ImgD.height = image.height;
}
ImgD.alt = image.width + " × " + image.height;
}
else {
if (image.height > iheight){
ImgD.height = iheight;
ImgD.width = (image.width * iheight) / image.height;
} else {
ImgD.width = image.width;
ImgD.height = image.height;
}
ImgD.alt = image.width + " × " + image.height;
}
}
}
// -->
</ script >
< img src =".." onload = "DrawImage(this)" >
< IE:clientCaps ID ="oClientCaps" style ="{behavior:url(#default#clientcaps)}" />
< SCRIPT >
var flash = "" ;
WMPVersion = oClientCaps.getComponentVersion( " {22D6F312-B0F6-11D0-94AB-0080C74C7E95} " , " ComponentID " );
if (WMPVersion != "" ) {
flash = "" ;
var version = WMPVersion.split( " , " );
var i;
for (i = 0 ; i < version.length; i ++ ) {
if (i != 0 )
flash += " . " ;
flash += version[i];
}
document.write( " 您的Windows Media Player 版本是: " + flash + " <p> " );
}
</ SCRIPT >
< DIV STYLE ="width: 120px; height: 50px; border: 1px solid blue;
overflow: hidden; text-overflow:ellipsis" >
< NOBR > 就是比如有一行文字，很长，表格内一行显示不下. </ NOBR >
</ DIV >
< html >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" >
< head >
< script language ="javascript" >
var ie = navigator.appName == " Microsoft Internet Explorer " ? true : false ;
function keyDown(e)
{
if ( ! ie)
{
var nkey = e.which;
var iekey = ' 现在是ns浏览器 ' ;
var realkey = String.fromCharCode(e.which);
}
if (ie)
{
var iekey = event.keyCode;
var nkey = ' 现在是ie浏览器 ' ;
var realkey = String.fromCharCode(event.keyCode);
if (event.keyCode == 32 ){realkey = ' \ ' 空格\ '' }
if (event.keyCode == 13 ){realkey = ' \ ' 回车\ '' }
if (event.keyCode == 27 ){realkey = ' \ ' Esc\ '' }
if (event.keyCode == 16 ){realkey = ' \ ' Shift\ '' }
if (event.keyCode == 17 ){realkey = ' \ ' Ctrl\ '' }
if (event.keyCode == 18 ){realkey = ' \ ' Alt\ '' }
}
alert( ' ns浏览器中键值: ' + nkey + ' \n ' + ' ie浏览器中键值: ' + iekey + ' \n ' + ' 实际键为 ' + realkey);
}
document.onkeydown = keyDown;
</ script >
</ head >
< body >
//Javascript Document.
< hr >
< center >
< h3 > 请按任意一个键。。。。 </ h3 >
</ center >
</ body >
</ html >
doc = new ActiveXObject("Msxml2.DOMDocument");
doc = new ActiveXObject("Microsoft.XMLDOM")
->>
doc = (new DOMParser()).parseFromString(sXML,'text/xml')
< input type =text name =re_name style ="width:100px;height:21px;font-size:10pt;" >< span style ="width:18px;border:0px solid red;" >< select name ="r00" style ="margin-left:-100px;width:118px; background-color:#FFEEEE;" onChange ="document.all.re_name.value=this.value;" >
< option value ="1" > 11111111 < option >
< option value ="2" > 222222 </ option >
< option value ="3" > 333333 </ option >
</ select >
</ span >
< SCRIPT language ="VBScript" >
Function URLEncoding(vstrIn)
strReturn = ""
For i = 1 To Len (vstrIn)
ThisChr = Mid (vStrIn,i, 1 )
If Abs ( Asc (ThisChr)) < & HFF Then
strReturn = strReturn & ThisChr
Else
innerCode = Asc (ThisChr)
If innerCode < 0 Then
innerCode = innerCode + & H10000
End If
Hight8 = (innerCode And & HFF00) \ & HFF
Low8 = innerCode And & HFF
strReturn = strReturn & " % " & Hex (Hight8) & " % " & Hex (Low8)
End If
Next
URLEncoding = strReturn
End Function
Function bytes2BSTR(vIn)
strReturn = ""
For i = 1 To LenB(vIn)
ThisCharCode = AscB(MidB(vIn,i, 1 ))
If ThisCharCode < & H80 Then
strReturn = strReturn & Chr (ThisCharCode)
Else
NextCharCode = AscB(MidB(vIn,i + 1 , 1 ))
strReturn = strReturn & Chr ( CLng (ThisCharCode) * & H100 + CInt (NextCharCode))
i = i + 1
End If
Next
bytes2BSTR = strReturn
End Function
dim strA,oReq
strA = URLEncoding( " submit1=Submit&text1=中文 " )
set oReq = CreateObject ( " MSXML2.XMLHTTP " )
oReq.open " POST " , " http://servername/VDir/TstResult.asp%22,false
oReq.setRequestHeader " Content-Length " , Len (strA)
oReq.setRequestHeader " CONTENT-TYPE " , " application/x-www-form-urlencoded "
oReq.send strA
msgbox bytes2BSTR(oReq.responseBody)
</ SCRIPT >
//readyState是xmlhttp返回数据的进度，0=载入中,1=未初始化,2=已载入,3=运行中,4=完成
(1)拖拽访问
event.dataTransfer.setData("URL", oImage.src);
sImageURL = event.dataTransfer.getData("URL")
(2)普通访问
window.clipboardData.setData("Text",oSource.innerText);
window.clipboardData.getData("Text");
< HTML >
< HEAD >
< META NAME ="save" CONTENT ="history" >
< STYLE >
.sHistory { behavior : url(#default#savehistory) ; }
</ STYLE >
</ HEAD >
< BODY >
< INPUT class =sHistory type =text id =oPersistInput >
</ BODY >
</ HTML >
function modelessAlert(Msg)
{
window.showModelessDialog("javascript:alert(\""+escape(Msg)+"\");window.close();","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;");
}
< p style ="page-break-after:always" > page1 </ p >
< p style ="page-break-after:always" > page2 </ p >
< meta name ="ROBOTS" content ="属性值" >
其中属性值有以下一些:
属性值为"all": 文件将被检索，且页上链接可被查询；
属性值为"none": 文件不被检索，而且不查询页上的链接；
属性值为"index": 文件将被检索；
属性值为"follow": 查询页上的链接；
属性值为"noindex": 文件不检索，但可被查询链接；
属性值为"nofollow":
< object id =min classid ="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11" >
< param name ="Command" value ="Minimize" ></ object >
< object id =max classid ="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11" >
< param name ="Command" value ="Maximize" ></ object >
< OBJECT id =close classid ="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" >
< PARAM NAME ="Command" value ="Close" ></ OBJECT >
< input type =button value =最小化 onclick =min.Click() >
< input type =button value =最大化 onclick =max.Click() >
< input type =button value =关闭 onclick =close.Click() >
< IMG SRC ="mypicture.jpg" HEIGHT ="100px" WIDTH ="100px" GALLERYIMG ="false" >
or
< head >
< meta http-equiv ="imagetoolbar" content ="no" >
</ head >
< META HTTP-EQUIV ="pragma" CONTENT ="no-cache" >
< META HTTP-EQUIV ="Cache-Control" CONTENT ="no-cache, must-revalidate" >
< META HTTP-EQUIV ="expires" CONTENT ="0" >
< input type =button value =导入收藏夹 onclick ="window.external.ImportExportFavorites(true,'http://localhost');" >
< input type =button value =导出收藏夹 onclick ="window.external.ImportExportFavorites(false,'http://localhost');" >
< input type =button value =整理收藏夹 onclick ="window.external.ShowBrowserUI('OrganizeFavorites', null)" >
< input type =button value =语言设置 onclick ="window.external.ShowBrowserUI('LanguageDialog', null)" >
< input type =button value =加入收藏夹 onclick ="window.external.AddFavorite('http://www.google.com/', 'google')" >
< input type =button value =加入到频道 onclick ="window.external.addChannel('http://www.google.com/')" >
< input type =button value =加入到频道 onclick ="window.external.showBrowserUI('PrivacySettings',null)" >
< input type =text onkeypress ="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" onpaste ="return !clipboardData.getData('text').match(/\D/)" ondragenter ="return false" >
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/yanjun1/archive/2006/06/14/795841.aspx