`
lovnet
  • 浏览: 6726543 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
文章分类
社区版块
存档分类
最新评论

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: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 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,''))"

//消除图像工具栏

<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>

//获得参数

<
分享到:
评论

相关推荐

    《JavaScript 语言参考》中文版与使用技巧

    这里有JavaScript 语言参考,Javascript中最常用的55个经典技巧,有兴趣的可以下去用用。

    JavaScript实用技巧参考.pdf

    精心搜集的js技巧,内有各种技巧的说明和实现举例,并有源代码片段,值得参考……

    深入理解JavaScript系列

    本书是一本全面、深入介绍JavaScript语言的学习指南。本书共分四个部分,第1部分帮助读者快速入手,掌握基本的JavaScript...本书内容由浅入深,非常适合想要快速学习JavaScript编程或者深入钻研JavaScript的读者参考。

    JavaScript编程技巧

    集合了一些JavaScript编程函数供初学者参考使用,有绘图等函数

    网页常用小技巧JavaScript

    网页常用小技巧,供参考使用。JavaScript

    Javascript的使用技巧大全 .doc

    Javascript的使用技巧大全 ,对学习javascript有很大的参考价值

    javascript实战+源码

    第一部分讨论一般性的 JavaScript主题,包括 JavaScript的简史、好的编码习惯、调试技巧和工具等;第二部分是 10个具体项目,每一章都会提出一个不同的应用,分析其内在的工作原理,然后提供能够提高读者技巧的练习...

    DHTML&javascript 使用手册

    技巧 语言代码 颜色表 ... JavaScript的特点: 简单、易学、易用; 跨平台;IE、Navigator 符合ECMA(欧洲计算机制造协会)标准,可移植; 事件驱动式的脚本程序设计思想; 动态、交互式的操作方式。 ...

    Javascript高级技巧分享

    主要介绍了Javascript高级技巧,需要的朋友可以参考下

    javascript完全学习手册1 源码

    13.4 JavaScript调试技巧 381 13.4.1 使用alert()语句 382 13.4.2 使用write()语句 382 13.4.3 抛出自定义异常消息 383 第4篇 JavaScript特效应用 第14章 JavaScript网页特效 387 14.1 文字特效 387 14.1.1 文字...

    Javascript 编程宝典 pdf Part04

    从简单介绍JavaScript与Web开始,循序渐进地介绍了Web浏览器、基本的编程技巧和编程步骤;接着,深入探讨了浏览器文档对象模型的发展,详细介绍了JavaScript对象的有关知识,包括对象的属性、方法和事件处理程序等...

    战胜Javascript必做练习50题

     在内容编排上,本书将50个练习按照浏览器相关、页面特效、时间日期、图形图像Cookie,菜单特效、鼠标特效、综合技巧和游戏编程分类,同时又兼顾了从易到难、由浅入深的一般学习顺序。  本书主要面向具有一定...

    JAVASCRIPT从入门到精通

    《JavaScript从入门到精通(视频实战版)》适合所有Web开发的入门用户阅读,也可作为开发人员的参考手册。, JavaScript是一种得到几乎所有浏览器支持的脚本语言,用于实现客户端与浏览者的互动。随着互联网的发展,...

    Javascript实现的SHA-256加密算法完整实例

    主要介绍了Javascript实现的SHA-256加密算法,以完整实例形式分析了JavaScript实现SHA-256加密的具体步骤与相关技巧,需要的朋友可以参考下

    JavaScript集合

    javascript 源码大全、Script全集、JavaScript快速查询手册.pdf、javascript 源码大全、JavaScript实用技巧参考.pdf

    JavaScript小技巧整理

    主要介绍了JavaScript小技巧,整理汇总了JavaScript常用的6个实用技巧,属于JavaScript边角技巧的总结,需要的朋友可以参考下

    2024高频前端面试题 JavaScript

    此外,对于对JavaScript感兴趣并希望深入了解其核心概念和应用的学习者,本文档也具有一定的参考价值。 【使用场景及目标】 文章适用于任何希望学习和掌握JavaScript面试技巧的场景。通过阅读,读者将能够理解...

    javascript 、html 精华资料整理

    1.40种网站常用Javascript技巧 格式txt CSDN 上流传较广泛的较好的版本! 2.初学者很好的参考:HTML标签详尽讲解 格式doc 此为网上流传最广泛的,本别人使用无数次!不过确实写的很好! 3.最近发现CSDN里的一片博文-...

    Javascript中最常用的55个经典技巧

    Javascript中最常用的55个经典技巧,整合32页的PDF文档,讲解非常详细,包含:将彻底屏蔽鼠标右键、防止复制、防止复制、关闭输入法、最小化、最大化、屏蔽滚动条等。详情也可以参考...

    javascript 使用技巧

    提供了多个使用技巧说明,对初学者是份很好的参考资料

Global site tag (gtag.js) - Google Analytics