`
isiqi
  • 浏览: 16559073 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论
阅读更多

http://blog.5d.cn/user25/amigos/200703/374910.html

  • 事件源对象
    event.srcElement.tagName
    event.srcElement.type
  • 捕获释放
    event.srcElement.setCapture();
    event.srcElement.releaseCapture();
  • 事件按键
    event.keyCode
    event.shiftKey
    event.altKey
    event.ctrlKey
  • 事件返回值
    event.returnValue
  • 鼠标位置
    event.x
    event.y
  • 窗体活动元素
    document.activeElement
  • 绑定事件
    document.captureEvents(Event.KEYDOWN);
  • 访问窗体元素
    document.all("txt").focus();
    document.all("txt").select();
  • 窗体命令
    document.execCommand
  • 窗体COOKIE
    document.cookie
  • 菜单事件
    document.oncontextmenu
  • 创建元素
    document.createElement("SPAN");
  • 根据鼠标获得元素:
    document.elementFromPoint(event.x,event.y).tagName=="TD
    document.elementFromPoint(event.x,event.y).appendChild(ms)
  • 窗体图片
    document.images[索引]
  • 窗体事件绑定
    document.onmousedown=scrollwindow;
  • 元素
    document.窗体.elements[索引]
  • 对象绑定事件
    document.all.xxx.detachEvent('onclick',a);
  • 插件数目
    navigator.plugins
  • 取变量类型
    typeof($ js_libpath) == "undefined"
  • 下拉框
    下拉框.options[索引]
    下拉框.options.length
  • 查找对象
    document.getElementsByName("r1");
    document.getElementById(id);
  • 定时
    timer=setInterval('scrollwindow()',delay);
    clearInterval(timer);
  • UNCODE编码
    escape() ,unescape
  • 父对象
    obj.parentElement(dhtml)
    obj.parentNode(dom)
  • 交换表的行
    TableID.moveRow(2,1)
  • 替换CSS
    document.all.csss.href = "a.css";
  • 并排显示
    display:inline
  • 隐藏焦点
    hidefocus=true
  • 根据宽度换行
    style="word-break:break-all"
  • 自动刷新
    <meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
  • 简单邮件
    <a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">
  • 快速转到位置
    obj.scrollIntoView(true)

  • <a name="first">
    <a href="#first">anchors</a>
  • 网页传递参数
    location.search();
  • 可编辑
    obj.contenteditable=true
  • 执行菜单命令
    obj.execCommand
  • 双字节字符
    /[^\x00-\xff]/
    汉字
    /[\u4e00-\u9fa5]/
  • 让英文字符串超出表格宽度自动换行
    word-wrap: break-word; word-break: break-all;
  • 透明背景
    <IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
  • 获得style内容
    obj.style.cssText
  • HTML标签
    document.documentElement.innerHTML
  • 第一个style标签
    document.styleSheets[0]
  • style标签里的第一个样式
    document.styleSheets[0].rules[0]
  • 防止点击空链接时,页面往往重置到页首端。
    <a href="javascript:function()">word</a>
  • 上一网页源
    asp:
    request.servervariables("HTTP_REFERER")
    javascript:
    document.referrer
  • 释放内存
    CollectGarbage();
  • 禁止右键
    document.oncontextmenu = function() { return false;}
  • 禁止保存
    <noscript><iframe src="*.htm"></iframe></noscript>
  • 禁止选取<bodyoncontextmenu="returnfalse"ondragstart="returnfalse"onselectstart="returnfalse"onselect="document.selection.empty()"oncopy="document.selection.empty()"onbeforecopy="returnfalse"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&#13sdfs&#32"
  • 获得时间所代表的微秒
    var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
  • 窗口是否关闭
    win.closed
  • checkbox扁平
    <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><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,''))"

//消除图像工具栏

<IMGSRC="mypicture.jpg"HEIGHT="100px"WIDTH="100px"GALLERYIMG="false">
or
<head>
<metahttp-equiv="imagetoolbar"content="no">
</head>

//无提示关闭

functionClose()
{
varua=navigator.userAgent
varie=navigator.appName=="MicrosoftInternetExplorer"?true:false
if(ie)
{
varIEversion=parseFloat(ua.substring(ua.indexOf("MSIE")+5,ua.indexOf(";",ua.indexOf("MSIE"))))
if(IEversion<5.5)
{
varstr='<objectid=noTipCloseclassid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'
str+='<paramname="Command"value="Close"></object>';
document.body.insertAdjacentHTML("beforeEnd",str);
document.all.noTipClose.Click();
}
else
{
window.opener=null;
window.close();
}
}
else
{
window.close()
}
}

//取得控件得绝对位置(1)

<scriptlanguage="javascript">
functiongetoffset(e)
{
vart=e.offsetTop;
varl=e.offsetLeft;
while(e=e.offsetParent)
{
t+=e.offsetTop;
l+=e.offsetLeft;
}
varrec=newArray(1);
rec[0]=t;
rec[1]=l;
returnrec
}
</script>

//获得控件的绝对位置(2)

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

//最小化,最大化,关闭

//光标停在文字最后
<scriptlanguage="javascript">
functioncc()
{
vare=event.srcElement;
varr=e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<inputtype=textname=text1value="123"onfocus="cc()">

//页面进入和退出的特效

进入页面<metahttp-equiv="Page-Enter"content="revealTrans(duration=x,transition=y)">
推出页面<metahttp-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

//网页是否被检索


//打印分页


//设置打印

<objectid="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>
<inputtype=buttonvalue=页面设置onclick="factory.printing.PageSetup()">
<inputtype=buttonvalue=打印预览onclick="factory.printing.Preview()">

<scriptlanguage=javascript>
functionwindow.onload()
{
//--advancedfeatures
factory.printing.SetMarginMeasure(2)//measuremarginsininches
factory.printing.SetPageRange(false,1,3)//needpagesfrom1to3
factory.printing.printer="HPDeskJet870C"
factory.printing.copies=2
factory.printing.collate=true
factory.printing.paperSize="A4"
factory.printing.paperSource="Manualfeed"
//--basicfeatures
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
}
functionPrint(frame){
factory.printing.Print(true,frame)//printwithprompt
}
</script>
<inputtype=buttonvalue="打印本页"onclick="factory.printing.Print(false)">
<inputtype=buttonvalue="页面设置"onclick="factory.printing.PageSetup()">
<inputtype=buttonvalue="打印预览"onclick="factory.printing.Preview()"><br>
<ahref="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)关闭窗体无提示
<stylemedia=print>
.Noprint{display:none;}<!--用本样式在打印时隐藏非打印项目-->
.PageNext{page-break-after:always;}<!--控制分页-->
</style>
<objectid="WebBrowser"width=0height=0classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
</object>

<centerclass="Noprint">
<inputtype=buttonvalue=打印onclick=document.all.WebBrowser.ExecWB(6,1)>
<inputtype=buttonvalue=直接打印onclick=document.all.WebBrowser.ExecWB(6,6)>
<inputtype=buttonvalue=页面设置onclick=document.all.WebBrowser.ExecWB(8,1)>
</p>
<p><inputtype=buttonvalue=打印预览onclick=document.all.WebBrowser.ExecWB(7,1)>
</center>

//去掉打印时的页眉页脚

<scriptlanguage="JavaScript">
varHKEY_Root,HKEY_Path,HKEY_Key;
HKEY_Root="HKEY_CURRENT_USER";
HKEY_Path="\\Software\\Microsoft\\InternetExplorer\\PageSetup\\";
//设置网页打印的页眉页脚为空
functionPageSetup_Null()
{
try
{
varWsh=newActiveXObject("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){}
}
//设置网页打印的页眉页脚为默认值
functionPageSetup_Default()
{
try
{
varWsh=newActiveXObject("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>
<inputtype="button"value="清空页码"onclick=PageSetup_Null()>
<inputtype="button"value="恢复页码"onclick=PageSetup_Default()>

//浏览器验证

functioncheckBrowser()
{
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie6=(this.ver.indexOf("MSIE6")>-1&&this.dom)?1:0;
this.ie5=(this.ver.indexOf("MSIE5")>-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)
returnthis;
}

//计算内容宽和高

<SCRIPTlanguage="javascript">
functiontest(obj)
{
varrange=obj.createTextRange();
alert("内容区宽度:"+range.boundingWidth
+"px\r\n内容区高度:"+range.boundingHeight+"px");

}
</SCRIPT>
<BODY>
<Textareaid="txt"height="150">sdf</textarea><INPUTtype="button"value="计算内容宽度"onClick="test(txt)">
</BODY>

//无模式的提示框

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

//屏蔽按键
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<noscript><metahttp-equiv="refresh"content="0;url=about:noscript"></noscript>
<title>屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键</title>
</head>
<body>
<scriptlanguage="Javascript"><!--
//屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键
//Author:meizz(梅花雨)2002-6-18
functiondocument.oncontextmenu(){event.returnValue=false;}//屏蔽鼠标右键
functionwindow.onhelp(){returnfalse}//屏蔽F1帮助
functiondocument.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");
returnfalse;
}
}
</script>
屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键
</body>
</html>

//屏蔽打印
<style>
@media print{
* {display:none}
}
</style>

//移动的图层,拖动

1.<spanstyle='position:absolute;width:200;height:200;background:red'onmousedown=MouseDown(this)onmousemove=MouseMove()onmouseup=MouseUp()>meizz</span>
<scriptlanguage=javascript>
varObj;
functionMouseDown(obj)
{
Obj=obj;
Obj.setCapture();
Obj.l=event.x-Obj.style.pixelLeft;
Obj.t=event.y-Obj.style.pixelTop;
}
functionMouseMove()
{
if(Obj!=null)
{
Obj.style.left=event.x-Obj.l;
Obj.style.top=event.y-Obj.t;
}
}
functionMouseUp()
{
if(Obj!=null)
{
Obj.releaseCapture();
Obj=null;
}
}
</script>
2.
<divid="myDiv"src="logo.gif"ondrag="doDrag();"onmouseover="this.style.cursor='hand'"style="position:absolute;left=100;top=100;"onmousedown="doMouseDown();">
<ahref="#"onclick="returnfalse"><h1>wlecome</h1></a>
</div>
<scriptlanguage="JavaScript"type="text/javascript">
varorgMouseX;
varorgMouseY;
varorgObjX;
varorgObjY;
functiondoDrag()
{
varmyObject=document.all.myDiv;

varx=event.clientX;
vary=event.clientY;
myObject.style.left=x-(orgMouseX-orgObjX);
myObject.style.top=y-(orgMouseY-orgObjY);

}
functiondoMouseDown()
{
orgMouseX=event.clientX;
orgMouseY=event.clientY;
orgObjX=parseInt(document.all.myDiv.style.left);
orgObjY=parseInt(document.all.myDiv.style.top);
}

</script>

//文档状态改变

<iframesrc="a.html"id="f"name="f"scrolling="no"frameborder=0marginwidth=0marginheight=0></iframe>
<script>
vardoc=window.frames["f"].document;
functions(){
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

functionSetCookie(sName,sValue)
{
document.cookie=sName+"="+escape(sValue)+";";
}
functionGetCookie(sName)
{
varaCookie=document.cookie.split(";");
for(vari=0;i<aCookie.length;i++)
{

varaCrumb=aCookie[i].split("=");
if(sName==aCrumb[0])
returnunescape(aCrumb[1]);
}

}
functionDelCookie(sName)
{
document.cookie=sName+"="+escape(sValue)+";expires=Fri,31Dec199923:59:59GMT;";
}

//setTimeout增加参数

<script>
var_st=window.setTimeout;
window.setTimeout=function(fRef,mDelay){
if(typeoffRef=='function'){
varargu=Array.prototype.slice.call(arguments,2);
varf=(function(){fRef.apply(null,argu);});
return_st(f,mDelay);
}
return_st(fRef,mDelay);
}
functiontest(x){
alert(x);
}
window.setTimeout(test,1000,'fason');
</script>


//自定义的apply,call

Function.prototype.apply=function(obj,argu){
if(obj)obj.constructor.prototype._caller=this;
varargus=newArray();
for(vari=0;i<argu.length;i++)
argus[i]="argu["+i+"]";
varr;
eval("r="+(obj?("obj._caller("+argus.join(",")+");"):("this("+argus.join(",")+");")));
returnr;
};
Function.prototype.call=function(obj){
varargu=newArray();
for(vari=1;i<arguments.length;i++)
argu[i-1]=arguments[i];
returnthis.apply(obj,argu);
};


//下载文件

functionDownURL(strRemoteURL,strLocalURL)
{
try
{
varxmlHTTP=newActiveXObject("Microsoft.XMLHTTP");
xmlHTTP.open("Get",strRemoteURL,false);
xmlHTTP.send();
varadodbStream=newActiveXObject("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("下载完成.");
}


//检验连接是否有效

//组件是否安装
isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID"))

//检查网页是否存在

functionCheckURL(URL)
{
varxmlhttp=newActiveXObject("Microsoft.XMLHTTP");
xmlhttp.Open("GET",URL,false);
try
{
xmlhttp.Send();
varresult=xmlhttp.status;
}
catch(e){return(false);}
if(result==200)
{
returntrue;
}
xmlhttp=null;
returnfalse;
}

//连接数据库

<scriptlanguage="javascript">
//用JavaScript写服务器端连接数据库的代码示例
varconn=newActiveXObject("ADODB.Connection");
conn.Open("Provider=SQLOLEDB.1;DataSource=localhost;UserID=sa;"
+"Password=;InitialCatalog=pubs");
varrs=newActiveXObject("ADODB.Recordset");
varsql="select*fromauthors";
rs.open(sql,conn);
shtml="<tablewidth='100%'border=1>";
shtml+="<trbgcolor='#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:<inputtype=textdatasrc=#xmldateDataFLD=srnosize="76"><BR>
times:<inputtype=textdatasrc=#xmldateDataFLD=timessize="76"><BR>
<inputid="first"TYPE=buttonvalue="<< 第一条记录"onclick="xmldate.recordset.moveFirst()">
<inputid="prev"TYPE=buttonvalue="<上一条记录"onclick="xmldate.recordset.movePrevious()">
<inputid="next"TYPE=buttonvalue="下一条记录>"onclick="xmldate.recordset.moveNext()">
<inputid="last"TYPE=buttonvalue="最后一条记录>>"onclick="xmldate.recordset.moveLast()">
<inputid="Add"TYPE=buttonvalue="添加新记录"onclick="xmldate.recordset.addNew()">

<XMLID="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>
<ahref="javascript:location.href=location.href+'?a=1&b=2'">search</a>
<scriptlanguage="JavaScript">
<!--
vara=location.search.substr(1);
if(a.length>0)
{
varre=/([^&]*?)\=([^&]*)/g
vars=a.match(re);
for(vari=0;i<s.length;i++)
{
alert(s[i]);
alert(s[i].split("=")[1]);
}
}
//-->
</script>
</body>

//可编辑SELECT

<inputtype=textname=re_namestyle="width:100px;height:21px;font-size:10pt;"><spanstyle="width:18px;border:0pxsolidred;"><selectname="r00"style="margin-left:-100px;width:118px;background-color:#FFEEEE;"onChange="document.all.re_name.value=this.value;">
<optionvalue="1">11111111<option>
<optionvalue="2">222222</option>
<optionvalue="3">333333</option>
</select>
</span>

//设置光标位置

functiongetCaret(textbox)
{
varcontrol=document.activeElement;
textbox.focus();
varrang=document.selection.createRange();
rang.setEndPoint("StartToStart",textbox.createTextRange())
control.focus();
returnrang.text.length;
}
functionsetCaret(textbox,pos)
{
try
{
varr=textbox.createTextRange();
r.moveStart('character',pos);
r.collapse(true);
r.select();
}
catch(e)
{}
}
functionselectLength(textbox,start,len)
{
try
{
varr=textbox.createTextRange();

r.moveEnd('character',len-(textbox.value.length-start));
r.moveStart('character',start);

r.select();
}
catch(e)
{//alert(e.description)}
}
functioninsertAtCaret(textbox,text)
{
textbox.focus();
document.selection.createRange().text=text;
}


//页内查找

functionfindInPage(str)
{
vartxt,i,found,n=0;
if(str=="")
{
returnfalse;
}
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请试着输入页面中的关键字再次查找!");
}
}
returnfalse;
}

//书

<scriptlanguage="javascript">
functionjStartExcel(){
varxls=newActiveXObject("Excel.Application");
xls.visible=true;
varnewBook=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="FirstColumn,FirstCell";
newBook.Worksheets(1).Cells(2,1).value="FirstColumn,SecondCell";
newBook.Worksheets(1).Cells(1,2).value="SecondColumn,FirstCell";
newBook.Worksheets(1).Cells(2,2).value="SecondColumn,SecondCell";
newBook.Worksheets(1).Name="MyFirstWorkSheet";
}
</script>


//自定义提示条

<ahref="#"title="这是提示">tip</a>
<scriptLanguage="JavaScript">
//***********默认设置定义.*********************
tPopWait=50;//停留tWait豪秒后显示提示。
tPopShow=5000;//显示tShow豪秒后关闭提示
showPopStep=20;
popOpacity=99;
//***************内部变量定义*****************
sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;
document.write("<styletype='text/css'id='defaultPopStyle'>");
document.write(".cPopText{background-color:#F8F8F5;color:#000000;border:1px#000000solid;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("<divid='dypopLayer'style='position:absolute;z-index:1000;'class='cPopText'></div>");

functionshowPopupText(){
varo=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(tF
分享到:
评论

相关推荐

    JavaScript技巧全集

    "JavaScript技巧全集"是一个深入探讨JavaScript知识的资源集合,旨在帮助开发者提升技能,解决实际问题。 1. **基础语法**:JavaScript的基础包括变量、数据类型(如字符串、数字、布尔值、null、undefined)、操作...

    javascript技巧集

    以下是一些关键的JavaScript技巧,帮助你在一天内快速掌握其基本使用: 1. **输出语句**:`document.write("")` 是在页面上输出内容的基本方法,但在页面已经加载后使用可能会导致页面重绘。 2. **注释**:单行...

    JavaScript小技巧全集 JavaScript教程 JavaScript源代码集

    这个“JavaScript小技巧全集”提供了丰富的教程和源代码,旨在帮助开发者深入理解和掌握JavaScript的各种实用技巧。 首先,我们来看看JavaScript的基本语法。JavaScript是一种弱类型、解释型的语言,它的变量声明不...

    Javascript设计技巧集

    Javascript设计技巧集

    JavaScript小技巧全集

    这个"JavaScript小技巧全集"涵盖了各种提升开发效率和代码质量的技巧,旨在帮助开发者更好地理解和运用这门语言。 1. 变量声明与作用域: - 使用`let`和`const`代替`var`来避免变量提升和作用域污染。 - 了解块级...

    javascript js 技巧集

    ### JavaScript JS技巧集详解 #### 一、事件源对象 在JavaScript中,处理用户与页面交互的核心机制之一就是事件处理。对于DOM事件来说,获取触发事件的元素是至关重要的。 **1. `event.srcElement.tagName`** - ...

    javascript小技巧合集

    描述:本文将详细介绍一系列实用的JavaScript技巧,这些技巧涵盖了从基本的用户交互到更复杂的页面控制,旨在帮助开发者优化用户体验,增强网站安全性,并提升开发效率。 ### 重要技巧概览 #### 屏蔽鼠标右键 通过...

    JavaScript精彩300例技巧集

    《JavaScript精彩300例技巧集》是一份深入实践、极具价值的学习资源,它通过丰富的实例和详尽的解释,帮助开发者掌握JavaScript的核心技巧。这个资料包中的每一个例子都是一次学习和提升的机会,旨在让读者能够从...

    javascript

    压缩包内的`javascript 技巧集.txt`和`javascript实用技巧.txt`可能包含了更多关于JavaScript编程的实用技巧和最佳实践,而`javascript对下拉列表框进行单选或者多选删除函数.txt`很可能包含了一个具体的示例代码,...

    javascript小技巧全集

    这个"JavaScript小技巧全集"涵盖了各种实用的编程技巧,旨在帮助开发者提升效率,编写出更优雅、性能更好的代码。无论您是在Windows、MacOS还是Linux等任何操作系统上工作,这些技巧都是通用的。 一、函数与闭包 1....

    JavaScript精彩网页设计300例技巧集

    JavaScript精彩网页设计300例技巧集是一本深入探讨JavaScript在网页设计中应用的资源集合。这本书或课程可能包含了从基础到高级的各种示例和技巧,旨在帮助开发者提升其JavaScript技能,进而创建出更具交互性和动态...

    javascript精彩技巧集300例下载

    "JavaScript精彩技巧集300例下载" 提供了一个丰富的学习资源,帮助开发者深入理解和掌握JavaScript的各种技巧。以下是对这些技巧的一些详细解释: 1. **DOM操作**:JavaScript通过Document Object Model(DOM)来...

    javascript常见代码合集

    `Array`方法如`push`、`pop`、`slice`和`forEach`,以及对象的`Object.keys`、`Object.values`等操作都是常用技巧。 5. **DOM操作**: JavaScript可以直接操作DOM(文档对象模型),改变HTML元素的内容、样式或...

    javascript文档集(珍藏集)

    这个"javascript文档集(珍藏集)"包含了多个重要的资源,帮助开发者深入理解和掌握JavaScript的核心概念,以及在实际项目中的应用技巧。 首先,"javascript权威指南第五版"是一本经典之作,由Douglas Crockford...

    JavaScript 精彩300例技巧集 chm

    "JavaScript精彩300例技巧集"是一份珍贵的学习资源,它包含了丰富的实例,涵盖了JavaScript在实际开发中的多种应用领域。这个chm格式的文档集合了游戏开发、日期与时间处理、文本特效、按钮样式、鼠标交互等多种实用...

    javascript技巧精心收集

    "javascript技巧精心收集"这个主题包含了一系列关于JavaScript编程的实用技巧和资源,旨在帮助开发者提升技能和效率。以下是一些从提供的文件名中提炼出的关键知识点: 1. **jsp技巧.txt**:这可能涉及到JavaServer...

    JavaScript小技巧全集.doc

    本文将探讨几个实用的JavaScript小技巧,包括鼠标控制、显示日期和时间,以及利用历史记录和前进功能。 首先,让我们来看如何用鼠标控制Web页面。在JavaScript中,`onMouseOver`事件是一个非常有用的特性,允许我们...

    JavaScript技巧200多个

    这个名为"JavaScript技巧200多个"的资源显然包含了大量实用的编程技巧,可以帮助开发者提升JavaScript编程效率和代码质量。以下是一些可能包含在JS技巧200个.txt文件中的关键知识点: 1. **变量声明与作用域**:...

Global site tag (gtag.js) - Google Analytics