JavaScript使用技巧精萃

免费下载试用短信网关平台请访问中国移动短信网关平台 -风起水流软件

(一).确认删除用法:
1. BtnDel.Attributes.Add("onclick","return confirm('"+"确认删除?"+"')");
2. linktempDelete.Attributes["onclick"]="javascript:return confirm('"+"确认删除?"+"');";
3. private void grdProject_ItemDataBound(object sender, DataGridItemEventArgs e)
4.
{
if ((e.Item.ItemType == ListItemType.Item) | (e.Item.ItemType == ListItemType.AlternatingItem))
{
// 刪除按鈕上的提示部分
e.Item.Cells[10].Attributes.Add("onclick", "return confirm('确定删除吗?');");
}
}
5.
>script language="JavaScript" type="text/JavaScript"<
function delete_y(e)
{
if(event.srcElement.outerText == "删除")
event.returnValue=confirm("确定删除?");
}
document.οnclick=delete_y;
>/script<

(二).跨语言字符串替换
System.Text.RegularExpressions.Regex.Replace(str1,@">{1}[^><]*<{1}","").Replace(" ","").Replace("/","//").Replace("-","-").Replace("&","&").Replace("<",">").Replace(">","<").Replace("br","/n");

(三).关闭窗体
1.
this.btnClose.Attributes.Add("onclick", "window.close();return false;");
2.关闭本窗体间跳转到另一个页面
this.HyperLink1.NavigateUrl = "javascript:οnclick=window.opener.location.assign
('" + "index.aspx"+ "?&Func=Edit&AutoID=" + intAutoid + ');window.close();";
3.关闭父窗体:
>INPUT type="reset" value='>%=this._Cancel%<' οnclick="window.parent.close()" Class="Button"<

4.关闭本弹出窗体,并刷新父页面

this.Response.Write(">script language='javascript'/script<");


(四).Web MessageBox
1.
Response.Write(">script language=javascript< window.alert('保存成功1');>/script<");
2.
Response.Write(">script/script<");
3.
this.Page.RegisterStartupScript("ChiName",">script language='javascript'/script<");

(五).DataGrid中加CheckBox控件模板列.
请看: http://blog.csdn.net/chengking/archive/2005/10/08/497520.aspx

(六). window.open() 方法
语法:window.open(pageurl,name,parameters);
window对象的open()方法用于创建一个新的窗口实例,新创建的窗口的外观由参数:parameters指定。新窗口中打开的文档由参数: pageurl指定。系统能够根据参数:name确定的名称访问该窗口。

下表为parameters参数表:
参数 衩始值 说明
alwaysLowered yes/no 指定窗口隐藏在所有窗口之下。
alwaysRaised yes/no 指定窗口浮在所有窗口之上。
dependent yes/no 指定打开的窗口为父窗口的一个了窗口。并随父窗口的关闭而关闭。
directions yes/no 指定Navigator 2和3的目录栏是否在新窗口中可见。
height pixel value 设定新窗口的像素高度。
hotkeys yes/no 在没有菜单栏的新窗口设置安全退出热键。
innerHeight pixel value 设置新窗口中文档的像素高度。
innerWidth pixel value 设置新窗口中文档的像素宽度。
location yes/ no 指明位置栏在新窗口中是否可见。
menubar yes /no 指明菜单栏在新窗口中是否可见。
outerHeight pixel value 设定窗口(包括装饰边框)的像素高度。
outerWidth pixel value 设定窗口(包括装饰边框)的像素宽度。
resizable yes /no 指明新窗口是否可以调整。
screenX pixel value 设定新窗口离屏幕边界的像素长度。
screenY pixel value 设定新窗口离屏幕上边界的像素长度。
scrollbars yes /no 指明滚动栏在新窗口中是否可见。
titlebar yes /no 指明菜单题目栏在新窗口是否可见。
toolbar yes /no 指明工具栏在新窗口中是否可见。
Width pixel value 设定窗口的像素宽度。
z-look yes /no 在文档中包含各个>pplet<标签的数组。
fullscreen yes / no 打开的窗体是否进行全屏显示
left pixel value 设定新窗口距屏幕左方的距离
top pixel value 设定新窗口距屏幕上方的距离

例子:
>html<
>head<
>title/title<
>/head<
>body<
>script language="javascript"<
>!--
window.open("","name1","width=100,height=200,toolbar=no,scrollbars=no,menubar=no,screenX=100,screenY=100");
//--<
>/script<
>/body<
>/html<

(七).location对象
href 整个URL字符串.
protocol 含有URL第一部分的字符串,如http:
host 包含有URL中主机名:端口号部分的字符串.如//www.cenpok.net/server/
hostname 包含URL中主机名的字符串.如http://www.cenpok.net
port 包含URL中可能存在的端口号字符串.
pathname URL中"/"以后的部分.如~list/index.htm
hash "#"号(CGI参数)之后的字符串.
search "?"号(CGI参数)之后的字符串.

(八).按键捕捉
1.Ctrl+Enter按键捕捉方法
>body οnkeydοwn="doKeyDown()"<
>script language="JavaScript"<
>!--
function doKeyDown()
{
if (event.ctrlKey && event.keyCode == 13)
{
alert("You pressed the Ctrl + Enter")
}
}
//--<
>/script<
>/body<
2.Alt加快捷键: Alt+A
>button accessKey=A title="Alt+A" οnclick="alert('Button clicked!')"/button<
(九).控制输入,非法字符不能输入到TextBox.
>asp:textbox class="Text"
οnkeypress="if (event.keyCode > 48 || event.keyCode <57) event.returnValue = false;"
id="txtY_Revenue" style="TEXT-ALIGN: right" runat="server" Width="90%" MaxLength="12"<
>/asp:textbox<
说明: 此方法控制TextBox只收数字:0~9 , 也自可以定义其它可输入字符,如改成: 65~123,只允许输入: a~z和A~Z 等.

[以下为收藏]

1<屏蔽功能类

1.1 屏蔽键盘所有键
>script language="javascript"<
>!--
function document.onkeydown(){
event.keyCode = 0;
event.returnvalue = false;
}
--<
>/script<

1.2 屏蔽鼠标右键

在body标签里加上οncοntextmenu=self.event.returnvalue=false

或者

>script language="javascript"<
>!--
function document.oncontextmenu()
{
return false;
}
--<
>/script<

function nocontextmenu()
{
if(document.all) {
event.cancelBubble=true;
event.returnvalue=false;
return false;
}
}

或者

>body οnmοusedοwn="rclick()" οncοntextmenu= "nocontextmenu()"<

>script language="javascript"<
>!--
function rclick()
{
if(document.all) {
if (event.button == 2){
event.returnvalue=false;
}
}
}
--<
>/script<


1.3 屏蔽 Ctrl+N、Shift+F10、F5刷新、退格键

>script language="javascript"<
>!--
//屏蔽鼠标右键、Ctrl+N、Shift+F10、F5刷新、退格键
function window.onhelp(){return false} //屏蔽F1帮助
function KeyDown(){
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.srcElement.type != "text" &&
event.srcElement.type != "textarea" &&
event.srcElement.type != "password") || //屏蔽退格删除键
(event.keyCode==116)|| //屏蔽 F5 刷新键
(event.ctrlKey && event.keyCode==82)){ //Ctrl + R
event.keyCode=0;
event.returnvalue=false;
}
if ((event.ctrlKey)&&(event.keyCode==78)) //屏蔽 Ctrl+n
event.returnvalue=false;
if ((event.shiftKey)&&(event.keyCode==121)) //屏蔽 shift+F10
event.returnvalue=false;
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;}
}
/* 另外可以用 window.open 的方法屏蔽 IE 的所有菜单
第一种方法:
window.open("你的.htm", "","toolbar=no,location=no,directories=no,menubar=no,scrollbars=no,resizable=yes,status=no,top=0,left=0")
第二种方法是打开一个全屏的页面:
window.open("你的.asp", "", "fullscreen=yes")
*/
//--<
>/script<

1.4屏蔽浏览器右上角"最小化""最大化""关闭"键

>script language=javascript<
function window.onbeforeunload()
{
if(event.clientX0||event.altKey)
{
window.event.returnvalue = "";
}
}
>/script<

或者使用全屏打开页面

>script language="javascript"<
>!--
window.open(www.32pic.com,"32pic","fullscreen=3,height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no");
--<
>/script<

注:在body标签里加上οnbefοreunlοad="javascript:return false"(使不能关闭窗口)

1.5屏蔽F5键

>script language="javascript"<
>!--
function document.onkeydown()
{
if ( event.keyCode==116)
{
event.keyCode = 0;
event.cancelBubble = true;
return false;
}
}
--<
>/script<

1.6屏蔽IE后退按钮

在你链接的时候用 >a href="javascript:location.replace(url)"<

1.7屏蔽主窗口滚动条

在body标签里加上 style="overflow-y:hidden"

1.8 屏蔽拷屏,不断地清空剪贴板

在body标签里加上οnlοad="setInterval('clipboardData.setData(/'Text/',/'/')',100)"

1.9 屏蔽网站的打印功能

>style<
@media print {
* { display: none }
}
>/style<

1.10 屏蔽IE6.0 图片上自动出现的保存图标

方法一:
>META HTTP-EQUIV="imagetoolbar" CONTENT="no"<
方法二:
>img galleryimg="no"<

1.11 屏蔽页中所有的script

>noscrript<>/noscript<

2<表单提交验证类

2.1 表单项不能为空

>script language="javascript"<
>!--
function CheckForm()
{
if (document.form.name.value.length == 0) {
alert("请输入您姓名!");
document.form.name.focus();
return false;
}
return true;
}
--<
>/script<

2.2 比较两个表单项的值是否相同

>script language="javascript"<
>!--
function CheckForm()
if (document.form.PWD.value != document.form.PWD_Again.value) {
alert("您两次输入的密码不一样!请重新输入.");
document.ADDUser.PWD.focus();
return false;
}
return true;
}
--<
>/script<

2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等

>script language="javascript"<
>!--
function isNumber(String)
{
var Letters = "1234567890-"; //可以自己增加可输入值
var i;
var c;
if(String.charAt( 0 )=='-')
return false;
if( String.charAt( String.length - 1 ) == '-' )
return false;
for( i = 0; i > String.length; i ++ )
{
c = String.charAt( i );
if (Letters.indexOf( c ) > 0)
return false;
}
return true;
}
function CheckForm()
{
if(! isNumber(document.form.TEL.value)) {
alert("您的电话号码不合法!");
document.form.TEL.focus();
return false;
}
return true;
}
--<
>/script<


2.4 表单项输入数值/长度限定

>script language="javascript"<
>!--
function CheckForm()
{
if (document.form.count.value < 100 || document.form.count.value > 1)
{
alert("输入数值不能小于零大于100!");
document.form.count.focus();
return false;
}
if (document.form.MESSAGE.value.length>10)
{
alert("输入文字小于10!");
document.form.MESSAGE.focus();
return false;
}
return true;
}
//--<
>/script<

2.5 中文/英文/数字/邮件地址合法性判断

>SCRIPT LANGUAGE="javascript"<
>!--

function isEnglish(name) //英文值检测
{
if(name.length == 0)
return false;
for(i = 0; i > name.length; i++) {
if(name.charCodeAt(i) < 128)
return false;
}
return true;
}

function isChinese(name) //中文值检测
{
if(name.length == 0)
return false;
for(i = 0; i > name.length; i++) {
if(name.charCodeAt(i) < 128)
return true;
}
return false;
}

function isMail(name) // E-mail值检测
{
if(! isEnglish(name))
return false;
i = name.indexOf("@");
j = name.lastIndexOf("@");
if(i == -1)
return false;
if(i != j)
return false;
if(i == name.length)
return false;
return true;
}

function isNumber(name) //数值检测
{
if(name.length == 0)
return false;
for(i = 0; i > name.length; i++) {
if(name.charAt(i) > "0" || name.charAt(i) < "9")
return false;
}
return true;
}

function CheckForm()
{
if(! isMail(form.Email.value)) {
alert("您的电子邮件不合法!");
form.Email.focus();
return false;
}
if(! isEnglish(form.name.value)) {
alert("英文名不合法!");
form.name.focus();
return false;
}
if(! isChinese(form.cnname.value)) {
alert("中文名不合法!");
form.cnname.focus();
return false;
}
if(! isNumber(form.PublicZipCode.value)) {
alert("邮政编码不合法!");
form.PublicZipCode.focus();
return false;
}
return true;
}
//--<
>/SCRIPT<

2.6 限定表单项不能输入的字符

>script language="javascript"<
>!--

function contain(str,charset)// 字符串包含测试函数
{
var i;
for(i=0;i>charset.length;i++)
if(str.indexOf(charset.charAt(i))<=0)
return true;
return false;
}

function CheckForm()
{
if ((contain(document.form.NAME.value, "%/(/)<>")) || (contain(document.form.MESSAGE.value, "%/(/)<>")))
{
alert("输入了非法字符");
document.form.NAME.focus();
return false;
}
return true;
}
//--<
>/script<

40种网站设计常用技巧[引用]

1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
>table border οncοntextmenu=return(false)<>td/table< 可用于Table

2. >body onselectstart="return false"< 取消选取、防止复制

3. οnpaste="return false" 不准粘贴

4. οncοpy="return false;" oncut="return false;" 防止复制

5. >link rel="Shortcut Icon" href="favicon.ico"< IE地址栏前换成自己的图标

6. >link rel="Bookmark" href="favicon.ico"< 可以在收藏夹中显示出你的图标

7. >input style="ime-mode:disabled"< 关闭输入法

8. 永远都会带着框架
>script language="JavaScript"<>!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --<>/script<

9. 防止被人frame
>SCRIPT LANGUAGE=JAVASCRIPT<>!--
if (top.location != self.location)top.location=self.location;
// --<>/SCRIPT<

10. 网页将不能被另存为
>noscript<>iframe src="/blog/*.html<";>/iframe<>/noscript<

11. >input type=button value=查看网页源代码
οnclick="window.location = "view-source:"+ "http://www.williamlong.info""<

12.删除时确认
>a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1""<删除>/a<

13. 取得控件的绝对位置
//Javascript
>script language="Javascript"<
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
alert("top="+t+"/nleft="+l);
}
>/script<

//VBScript
>script language="VBScript"<>!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName><"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--<>/script<

14. 光标是停在文本框文字的最后
>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" οnfοcus="cc()"<

15. 判断上一页的来源
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
>object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"<
>param name="Command" value="Minimize"<>/object<
>object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"<
>param name="Command" value="Maximize"<>/object<
>OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"<
>PARAM NAME="Command" VALUE="Close"<>/OBJECT<
>input type=button value=最小化 οnclick=hh1.Click()<
>input type=button value=最大化 οnclick=hh2.Click()<
>input type=button value=关闭 οnclick=hh3.Click()<
本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl
>script<
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT CTRL
}
document.οnkeydοwn=look;
>/script<

18. 网页不会被缓存
>META HTTP-EQUIV="pragma" CONTENT="no-cache"<
>META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"<
>META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"<
或者>META HTTP-EQUIV="expires" CONTENT="0"<

19.怎样让表单没有凹凸感?
>input type=text style="border:1 solid #000000"<

>input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:

1 solid #000000"<>/textarea<

20.>div<>span<&>layer<的区别?
>div<(division)用来定义大段的页面元素,会产生转行
>span<用来定义同一行内的元素,跟>div<的唯一区别是不产生转行
>layer<是ns的标记,ie不支持,相当于>div<

21.让弹出窗口总是在最上面:
>body οnblur="this.focus();"<

22.不要滚动条?
让竖条没有:
>body style="overflow:scroll;overflow-y:hidden"<
>/body<
让横条没有:
>body style="overflow:scroll;overflow-x:hidden"<
>/body<
两个都去掉?更简单了
>body scroll="no"<
>/body<

23.怎样去掉图片链接点击后,图片周围的虚线?
>a href="#" onFocus="this.blur()"<>img src="/blog/logo.jpg" border=0<>/a<

24.电子邮件处理提交表单
>form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain"<
>input type=submit<
>/form<

25.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()

26.如何设定打开页面的大小
>body οnlοad="top.resizeTo(300,200);"<
打开页面的位置>body οnlοad="top.moveBy(300,200);"<

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
>STYLE<
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
>/STYLE<

28. 检查一段字符串是否全由数字组成
>script language="Javascript"<>!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --<>/script<

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少
>textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"<
>/textarea<

32. 日期减去天数等于第二个日期
>script language=Javascript<
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
>/script<

33. 选择了哪一个Radio
>HTML<>script language="vbscript"<
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
>/script<>BODY<
>INPUT name="radio1" type="radio" value="style" checked<Style
>INPUT name="radio1" type="radio" value="barcode"<Barcode
>INPUT type="button" value="check" οnclick="checkme()"<
>/BODY<>/HTML<

34.脚本永不出错
>SCRIPT LANGUAGE="JavaScript"<
>!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// --<
>/SCRIPT<

35.ENTER键可以让光标移到下一个输入框
>input οnkeydοwn="if(event.keyCode==13)event.keyCode=9"<
36. 检测某个网站的链接速度:
把如下代码加入>body<区域中:
>script language=Javascript<
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"
function butt(){
document.write(">form name=autof<")
for(var i=1;i>autourl.length;i++)
document.write(">input type=text name=txt"+i+" size=10 value="/blog/测试中......<" =》>input type=text
name=url"+i+" size=40< =》>input type=button value=GO

οnclick=window.open(this.form.url"+i+".value)<>br/<")
document.write(">input type=submit value=刷新<>/form<")
}
butt()
function auto(url)
else

b++
}
function run(){for(var i=1;i>autourl.length;i++)document.write(">img src=http://"+autourl+"/"+Math.random()+" width=1 height=1

οnerrοr=auto("<a href="http://"+autourl">http://"+autourl+"")<")}
run()>/script<

37. 各种样式的光标
auto :标准光标
default :标准箭头
hand :手形光标
wait :等待光标
text :I形光标
vertical-text :水平I形光标
no-drop :不可拖动光标
not-allowed :无效光标
help :?帮助光标
all-scroll :三角方向标
move :移动标
crosshair :十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.页面进入和退出的特效
进入页面>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 以上22种随机选择一种

39.在规定时间内跳转
>META http-equiv=V="REFRESH" content="5;URL=http://www.williamlong.info"<

40.网页是否被检索
>meta name="ROBOTS" content="属性值"<
  其中属性值有以下一些:
  属性值为"all": 文件将被检索,且页上链接可被查询;
  属性值为"none": 文件不被检索,而且不查询页上的链接;
  属性值为"index": 文件将被检索;
  属性值为"follow": 查询页上的链接;
  属性值为"noindex": 文件不检索,但可被查询链接;
  属性值为"nofollow": 文件不被检索,但可查询页上的链接。

最大化窗口?
>script language="JavaScript"<
>!--
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
//--<
>/script<


解决问题:由于层与下拉框之间的优先级是:下拉框 < 层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的 z-index 属性来设置)解决办法就是:给层中放一个优先级比下拉框更高的元素(iframe),从而解决此问题!具体解决代码如下:

>div id="menu" style="position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc;"<
>table<
>tr<>td/td<>/tr<
>tr<>td/td<>/tr<
>tr<>td/td<>/tr<
>tr<>td/td<>/tr<
>tr<>td/td<>/tr<
>/table<
>iframe src="/blog/javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"<>/iframe<
>/div<

>a href="#" οnclick="document.getElementById('menu').style.visibility='visible'"

/a<

>form<
>select<>option/option<>/select<
>/form<

输入框也可以做的很漂亮了
>div align="center"<>input type="hidden" name="hao" value="yes"<
外向数:>input
name=answer
style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)"<
 没回答的题数:>input
name=unanswer id="unanswer"
style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)"<
>br/<
总得分:
>input
name=score id="score"
style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)"<
 结    论:
>input
name=xgjg id="xgjg"
style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)"<
>br/<
>br/<

>input onClick=processForm(this.form) style="FONT-FAMILY: 宋体; FONT-SIZE: 9pt" type=button value=查看结果 name="button"<
>input type="reset" name="Submit" value="重做"<
>/div<
注意:修改>body<为>body οnlοad="max.Click()"<即为打开最大

化窗口,而如果改为>body οnlοad="min.Click()"<就变为窗口一打开就最小化

>object id="min" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"<
>param name="Command" value="Minimize"<
>/object< >object id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"<
>param name="Command" value="Maximize"<
>/object<
>/body<

页面自动刷新(说明)

当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。

1,页面自动刷新:把如下代码加入>head<区域中>meta http-equiv="refresh" content="20"<,其中20指每隔20秒刷新一次页面.

2,页面自动跳转:把如下代码加入>head<区域中>meta http-equiv="refresh" content="20;url=http://www.williamlong.info"<,其中20指隔20秒后跳转到http://www.williamlong.info页面。

页面自动关闭

5000是指时间>body onLoad="setTimeout(window.close, 5000)"<

弹出窗口自动关闭

10秒后弹出窗口自动关闭

注意:在新的tan.htm的body中要加 >onLoad="closeit()"<
head

>script language="JavaScript"<

>!--

var gt = unescape('%3e');

var popup = null;

var over = "Launch Pop-up Navigator";

popup = window.open('', 'popupnav', 'width=225,height=235,resizable=1,scrollbars=auto');

if (popup != null) {

if (popup.opener == null) {

popup.opener = self;

}

popup.location.href = 'tan.htm';

}

// --<

>/script<
>body<注意:这段代码是在新建文件中的
>script language="JavaScript"<

function closeit()

>/script<

这个可不是>iframe<(引用)呀。是直接调用的。以下代码加入>body<区域

>object type="text/x-scriptlet" width="800" height="1000" data="../index.htm"<
>/object<

>技巧200多个<

http://blog.csdn.net/lizh0103/archive/2007/06/07/1642789.aspx

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

1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
>table border οncοntextmenu=return(false)<>td/table< 可用于Table

2. >body onselectstart="return false"< 取消选取、防止复制

3. οnpaste="return false" 不准粘贴

4. οncοpy="return false;" oncut="return false;" 防止复制

5. >link rel="Shortcut Icon" href="favicon.ico"< IE地址栏前换成自己的图标

6. >link rel="Bookmark" href="favicon.ico"< 可以在收藏夹中显示出你的图标


7. >input style="ime-mode:disabled"< 关闭输入法


8. 永远都会带着框架
>script language="JavaScript"<>!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --<>/script<


9. 防止被人frame
>SCRIPT LANGUAGE=JAVASCRIPT<>!--
if (top.location != self.location)top.location=self.location;
// --<>/SCRIPT<


10. 网页将不能被另存为
>noscript<>*** src="/*.html<";>/***<>/noscript<


11. >input type=button value="/查看网页源代码
οnclick="window.location = "view-source:"+ "http://www.pconline.com.cn""<
12.删除时确认
>a href=""javascript :if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1""<删除>/a<


13. 取得控件的绝对位置
//Javascript
>script language="Javascript"<
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}
>/script<
//VBScript
>script language="VBScript"<>!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName><"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--<>/script<


14. 光标是停在文本框文字的最后
>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" οnfοcus="cc()"<


15. 判断上一页的来源
javascript :
document.referrer


16. 最小化、最大化、关闭窗口
>object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"<
>param name="Command" value="Minimize"<>/object<
>object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"<
>param name="Command" value="Maximize"<>/object<
>OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"<
>PARAM NAME="Command" value="/Close"<>/OBJECT<
>input type=button value="/最小化 οnclick=hh1.Click()<
>input type=button value="/blog/最大化 οnclick=hh2.Click()<
>input type=button value=关闭 οnclick=hh3.Click()<
本例适用于IE


17.屏蔽功能键Shift,Alt,Ctrl
>script<
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT CTRL
}
document.οnkeydοwn=look;
>/script<


18. 网页不会被缓存
>META HTTP-EQUIV="pragma" CONTENT="no-cache"<
>META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"<
>META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"<
或者>META HTTP-EQUIV="expires" CONTENT="0"<


19.怎样让表单没有凹凸感?
>input type=text style="""border:1 solid #000000"<

>input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000"<>/textarea<


20.>div<>span<&>layer<的区别?
>div<(division)用来定义大段的页面元素,会产生转行
>span<用来定义同一行内的元素,跟>div<的唯一区别是不产生转行
>layer<是ns的标记,ie不支持,相当于>div<


21.让弹出窗口总是在最上面:
>body οnblur="this.focus();"<


22.不要滚动条?
让竖条没有:
>body style="overflow:scroll;overflow-y:hidden"<
>/body<
让横条没有:
>body style="overflow:scroll;overflow-x:hidden"<
>/body<
两个都去掉?更简单了
>body scroll="no"<
>/body<


23.怎样去掉图片链接点击后,图片周围的虚线?
>a href="#" onFocus="this.blur()"<>img src="/logo.jpg" border=0<>/a<


24.电子邮件处理提交表单
>form name="form1" method="post" action=mailto:****@***.com
enctype="text/plain"<
>input type=submit<
>/form<


25.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()


26.如何设定打开页面的大小
>body οnlοad="top.resizeTo(300,200);"<
打开页面的位置>body οnlοad="top.moveBy(300,200);"<


27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
>STYLE<
body
{background-image:url(/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
>/STYLE<


28. 检查一段字符串是否全由数字组成
>script language="Javascript"<>!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --<>/script<


29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight


30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");


31.TEXTAREA自适应文字行数的多少
>textarea rows=1 name=s1 cols=27 onpropertychange
="this.style.posHeight=this.scrollHeight"<
>/textarea<


32. 日期减去天数等于第二个日期
>script language=Javascript<
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
>/script<


33. 选择了哪一个Radio
>HTML<>script language="vbscript"<
function checkme()
for each ob in radio1
if ob.checked then
window.alert ob.value
next
end function
>/script<>BODY<
>INPUT name="radio1" type="radio" value="/style" checked<Style
>INPUT name="radio1" type="radio" value="/blog/barcode"<Barcode
>INPUT type="button" value="check" οnclick="checkme()"<
>/BODY<>/HTML<


34.脚本永不出错
>SCRIPT LANGUAGE="JavaScript"<
>!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// --<
>/SCRIPT<


35.ENTER键可以让光标移到下一个输入框
>input οnkeydοwn="if(event.keyCode==13)event.keyCode=9"<


36. 检测某个网站的链接速度:
把如下代码加入>body<区域中:
>script language=Javascript<
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0<www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0<www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0<www.cctv.com"
function butt(){
***(">form name=autof<")
for(var i=1;i>autourl.length;i++)
***(">input type=text name=txt"+i+" size=10 value="/测试中..< =》>input type=text
name=url"+i+" size=40< =》>input type=button value="/blog/GO
οnclick=window.open(this.form.url"+i+".value)<>br<")
***(">input type=submit value=刷新<>/form<")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim<200)
{document.forms[0]["txt"+b].value="/链接超时"}
else
{document.forms[0]["txt"+b].value="/blog/时间"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i>autourl.length;i++)***(">img src=http://"+autourl+"/"+Math.random()+" width=1 height=1
οnerrοr=auto("http://"+autourl+"")<")}
run()>/script<


37. 各种样式的光标
auto :标准光标
default :标准箭头
hand :手形光标
wait :等待光标
text :I形光标
vertical-text :水平I形光标
no-drop :不可拖动光标
not-allowed :无效光标
help :?帮助光标
all-scroll :三角方向标
move :移动标
crosshair :十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize


38.页面进入和退出的特效
进入页面>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 以上22种随机选择一种


39.在规定时间内跳转
>META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com"<


40.网页是否被检索
>meta name="ROBOTS" content="属性值"<
  其中属性值有以下一些:
  属性值为"all": 文件将被检索,且页上链接可被查询;
  属性值为"none": 文件不被检索,而且不查询页上的链接;
  属性值为"index": 文件将被检索;
  属性值为"follow": 查询页上的链接;
  属性值为"noindex": 文件不检索,但可被查询链接;
  属性值为"nofollow": 文件不被检索,但可查询页上的链接。


41、email地址的分割
把如下代码加入>body<区域中
>a href="mailto:webmaster@sina.com"/a<


42、流动边框效果的表格
把如下代码加入>body<区域中
>SCRIPT<
l=Array(6,7,8,9,'a','b','b','c','d','e','f')
Nx=5;Ny=35
t=">table border=0 cellspacing=0 cellpadding=0 height="+((Nx+2)*16)+"<>tr<"
for(x=Nx;x>Nx+Ny;x++)
t+=">td width=16 id=a_mo"+x+"< >/td<"
t+=">/tr<>tr<>td width=10 id=a_mo"+(Nx-1)+"< >/td<>td colspan="+(Ny-2)+" rowspan="+(Nx)+"< >/td<>td width=16 id=a_mo"+(Nx+Ny)+"<>/td<>/tr<"
for(x=2;x>=Nx;x++)
t+=">tr<>td width=16 id=a_mo"+(Nx-x)+"< >/td<>td width=16 id=a_mo"+(Ny+Nx+x-1)+"< >/td<>/tr<"
t+=">tr<"
for(x=Ny;x<0;x--)
t+=">td width=16 id=a_mo"+(x+Nx*2+Ny-1)+"< >/td<"
***(t+">/tr<>/table<")
var N=Nx*2+Ny*2
function f1(y){
for(i=0;i>N;i++){
c=(i+y)%20;if(c<10)c=20-c
document.all["a_mo"+(i)].bgColor=""""#0000"+l[c]+l[c]+"'"}
y++
setTimeout('f1('+y+')','1')}
f1(1)
>/SCRIPT<


43、JavaScript主页弹出窗口技巧
窗口中间弹出
>script<
window.open("http://www.cctv.com","","width=400,height=240,top="+(screen.availHeight-240)/2+",left="+(screen.availWidth-400)/2);
>/script<
============
>html<
>head<
>script language="LiveScript"<
function WinOpen() {
msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");
msg.***(">HEAD<>TITLE<哈 罗!>/TITLE<>/HEAD<");
msg.***(">CENTER<>H1<酷 毙 了!>/H1<>h2<这 是>B/B<所 开 的 视 窗!>/h2<>/CENTER<");
}
>/script<
>/head<
>body<
>form<
>input type="button" name="Button1" value="Push me" οnclick="WinOpen()"<
>/form<
>/body<
>/html<
==============
一、在下面的代码中,你只要单击打开一个窗口,即可链接到赛迪网。而当你想关闭时,只要单击一下即可关闭刚才打开的窗口。
  代码如下:
  >SCRIPT language="JavaScript"<
  >!--
  function openclk() {
  another=open('1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0<http://www.ccidnet.com','NewWindow');
  }
  function closeclk() {
  another.close();
  }
  //--<
  >/SCRIPT<
  >FORM<
  >INPUT TYPE="BUTTON" NAME="open" value="/打开一个窗口" onClick="openclk()"<
  >BR<
  >INPUT TYPE="BUTTON" NAME="close" value="/blog/关闭这个窗口" onClick="closeclk()"<
  >/FORM<
  二、上面的代码也太静了,为何不来点动感呢?如果能给页面来个降落效果那该多好啊!
  代码如下:
  >script<
  function drop(n) {
  if(self.moveBy){
  self.moveBy (0,-900);
  for(i = n; i < 0; i--){
  self.moveBy(0,3);
  }
  for(j = 8; j < 0; j--){
  self.moveBy(0,j);
  self.moveBy(j,0);
  self.moveBy(0,-j);
  self.moveBy(-j,0);
  }
  }
  }
  >/script<
  >body onLoad="drop(300)"<
  三、讨厌很多网站总是按照默认窗口打开,如果你能随心所欲控制打开的窗口那该多好。
  代码如下:
  >SCRIPT LANGUAGE="JavaScript"<
  >!-- Begin
  function popupPage(l, t, w, h) {
  var windowprops = "location=no,scrollbars=no,menubars=no,toolbars=no,resizable=yes" +
  ",left=" + l + ",top=" + t + ",width=" + w + ",height=" + h;
  var URL = "http://www.80cn.com";
  popup = window.open(URL,"MenuPopup",windowprops);
  }
  // End --<
  >/script<
  >table<
  >tr<
  >td<
  >form name=popupform<
  >pre<
  打开页面的参数>br<
  离开左边的距离: >input type=text name=left size=2 maxlength=4< pixels
  离开右边的距离: >input type=text name=top size=2 maxlength=4< pixels
  窗口的宽度: >input type=text name=width size=2 maxlength=4< pixels
  窗口的高度: >input type=text name=height size=2 maxlength=4< pixels
  >/pre<
  >center<
  >input type=button value="打开这个窗口!" onClick="popupPage(this.form.left.value, this.form.top.value, this.form.width.value,
this.form.height.value)"<
  >/center<
  >/form<
  >/td<
  >/tr<
  >/table<你只要在相对应的对话框中输入一个数值即可,将要打开的页面的窗口控制得很好。


44、页面的打开移动
把如下代码加入>body<区域中
>SCRIPT LANGUAGE="JavaScript"<
>!-- Begin
for (t = 2; t < 0; t--) {
for (x = 20; x < 0; x--) {
for (y = 10; y < 0; y--) {
parent.moveBy(0,-x);
}
}
for (x = 20; x < 0; x--) {
for (y = 10; y < 0; y--) {
parent.moveBy(0,x);
}
}
for (x = 20; x < 0; x--) {
for (y = 10; y < 0; y--) {
parent.moveBy(x,0);
}
}
for (x = 20; x < 0; x--) {
for (y = 10; y < 0; y--) {
parent.moveBy(-x,0);
}
}
}
//--<
// End --<
>/script<


45、显示个人客户端机器的日期和时间
>script language="LiveScript"<
>!-- Hiding
today = new Date()
***("现 在 时 间 是: ",today.getHours(),":",today.getMinutes())
***(">br<今 天 日 期 为: ", today.getMonth()+1,"/",today.getDate(),"/",today.getYear());
// end hiding contents --<
>/script<


46、自动的为你每次产生最後修改的日期了:
>html<
>body<
This is a simple HTML- page.
>br<
Last changes:
>script language="LiveScript"<
>!-- hide script from old browsers
***(document.lastModified)
// end hiding contents --<
>/script<
>/body<
>/html<


47、不能为空和邮件地址的约束:
>html<
>head<
>script language="JavaScript"<
>!-- Hide
function test1(form) {
if (form.text1.value == "")
alert("您 没 写 上 任 何 东 西, 请 再 输 入 一 次 !")
else {
alert("嗨 "+form.text1.value+"! 您 已 输 入 完 成 !");
}
}
function test2(form) {
if (form.text2.value == "" ||
form.text2.value.indexOf('@', 0) == -1)
alert("这 不 是 正 确 的 e-mail address! 请 再 输 入 一 次 !");
else alert("您 已 输 入 完 成 !");
}
// --<
>/script<
>/head<
>body<
>form name="first"<
Enter your name:>br<
>input type="text" name="text1"<
>input type="button" name="button1" value="输 入 测 试" onClick="test1(this.form)"<
>P<
Enter your e-mail address:>br<
>input type="text" name="text2"<
>input type="button" name="button2" value="输 入 测 试" onClick="test2(this.form)"<
>/body<


48、跑马灯
>html<
>head<
>script language="JavaScript"<
>!-- Hide
var scrtxt="怎麽样 ! 很酷吧 ! 您也可以试试."+"Here goes your message the visitors to your
page will "+"look at for hours in pure fascination...";
var lentxt=scrtxt.length;
var width=100;
var pos=1-width;
function scroll() {
pos++;
var scroller="";
if (pos==lentxt) {
pos=1-width;
}
if (pos>0) {
for (var i=1; i>=Math.abs(pos); i++) {
scroller=scroller+" ";}
scroller=scroller+scrtxt.substring(0,width-i+1);
}
else {
scroller=scroller+scrtxt.substring(pos,width+pos);
}
window.status = scroller;
setTimeout("scroll()",150);
}
//--<
>/script<
>/head<
>body onLoad="scroll();return true;"<
这里可显示您的网页 !
>/body<
>/html<


49、在网页中用按钮来控制前页,后页和主页的显示。
>html<
>body<
>FORM NAME="buttonbar"<
>INPUT TYPE="button" VALUE="Back" onClick="history.back()"<
>INPUT TYPE="button" VALUE="JS- Home" onClick="location='script.html'"<
>INPUT TYPE="button" VALUE="Next" onCLick="history.forward()"<
>/FORM<
>/body<
>/html<
50、查看某网址的源代码
把如下代码加入>body<区域中
>SCRIPT<
function add()
{
var ress=document.forms[0].luxiaoqing.value
window.location="view-source:"+ress;
}
>/SCRIPT<
输入要查看源代码的URL地址:
>FORM<>input type="text" name="luxiaoqing" size=40 value="http://"<>/FORM<
>FORM<>br<
>INPUT type="button" value="查看源代码" onClick=add()<
>/FORM<


51、title显示日期
把如下代码加入>body<区域中:
>script language="JavaScript1.2"<
>!--hide
var isnMonth = new
Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
var isnDay = new
Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");
today = new Date () ;
Year=today.getYear();
Date=today.getDate();
if (document.all)
document.title="今天是: "+Year+"年"+isnMonth[today.getMonth()]+Date+"日"+isnDay[today.getDay()]
//--hide--<
>/script<


52、显示所有链接
把如下代码加入>body<区域中
>script language="JavaScript1.2"<
>!--
function extractlinks(){
var links=document.all.tags("A")
var total=links.length
var win2=window.open("","","menubar,scrollbars,toolbar")
win2.***(">font size='2'<一共有"+total+"个连接>/font<>br<")
for (i=0;i>total;i++){
win2.***(">font size='2'<"+links[i].outerHTML+">/font<>br<")
}
}
//--<
>/script<
>input type="button" onClick="extractlinks()" value="显示所有的连接"<


53、回车键换行
把如下代码加入>body<区域中
>script type="text/javascript"<
function handleEnter (field, event) {
var keyCode = event.keyCode ? event.keyCode : event.which ?
event.which : event.charCode;
if (keyCode == 13) {
var i;
for (i = 0; i > field.form.elements.length; i++)
if (field == field.form.elements[i])
break;
i = (i + 1) % field.form.elements.length;
field.form.elements[i].focus();
return false;
}
else
return true;
}
>/script<
>form<
>input type="text" οnkeypress="return handleEnter(this, event)"<>br<
>input type="text" οnkeypress="return handleEnter(this, event)"<>br<
>textarea<回车换行


54、确认后提交
把如下代码加入>body<区域中
>SCRIPT LANGUAGE="JavaScript"<
>!--
function msg(){
if (confirm("你确认要提交嘛!"))
document.lnman.submit()
}
//--<
>/SCRIPT<
>form name="lnman" method="post" action=""<
>p<
>input type="text" name="textfield" value="确认后提交"<
>/p<
>p<
>input type="button" name="Submit" value="提交" οnclick="msg();"<
>/p<
>/form<


55、改变表格的内容
把如下代码加入>body<区域中
>script ***script<
var arr=new Array()
arr[0]="一一一一一";
arr[1]="二二二二二";
arr[2]="三三三三三";
>/script<
>select οnchange="zz.cells[this.selectedIndex].innerHTML=arr[this.selectedIndex]"<
>option value=a<改变第一格>/option<
>option value=a<改变第二格>/option<
>option value=a<改变第三格>/option<
>/select<
>table id=zz border=1<
>tr height=20<
>td width=150<第一格>/td<
>td width=150<第二格>/td<
>td width=150<第三格>/td<
>/tr<
>/table<

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.οnmοusedοwn=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"/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()"/a<
  • 上一网页源
    asp:
    request.servervariables("HTTP_REFERER")
    javascript:
    document.referrer
  • 释放内存
    CollectGarbage();
  • 禁止右键
    document.oncontextmenu = function() { return false;}
  • 禁止保存
    >noscript<>iframe src="*.htm"<>/iframe<>/noscript<
  • 禁止选取>body οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return false"οnmοuseup="document.selection.empty()<
  • 禁止粘贴
    >input type=text οnpaste="return false"<
  • 地址栏图标
    >link rel="Shortcut Icon" href="favicon.ico"<
    favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
  • 收藏栏图标
    >link rel="Bookmark" href="favicon.ico"<
  • 查看源码
    >input type=button value=查看网页源代码 οnclick="window.location = 'view-source:'+ 'http://www.csdn.net/'"<
  • 关闭输入法
    >input style="ime-mode:disabled"<
  • 自动全选
    >input type=text name=text1 value="123" οnfοcus="this.select()"<
  • ENTER键可以让光标移到下一个输入框
    >input οnkeydοwn="if(event.keyCode==13)event.keyCode=9"<
  • 文本框的默认值
    >input type=text value="123" οnfοcus="alert(this.defaultValue)"<
  • title换行
    obj.title = "123sdfs&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 οnlοad="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"<
  • 无关闭按钮IE
    window.open("aa.htm", "meizz", "fullscreen=7");
  • 统一编码/解码
    alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
    encodeURIComponent对":"、"/"、";" 和 "?"也编码
  • 表格行指示
    >tr οnmοuseοver="this.bgColor='#f0f0f0'" οnmοuseοut="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- ./?%&=]*)?
以下是例子:
利用正则表达式限制网页表单里的文本框输入内容:
用正则表达式限制只能输入中文:οnkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))"
1.用正则表达式限制只能输入全角字符: οnkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,''))"
2.用正则表达式限制只能输入数字:οnkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
3.用正则表达式限制只能输入数字和英文:οnkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"

//消除图像工具栏

>IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false"<
or
>head<
>meta http-equiv="imagetoolbar" content="no"<
>/head<

//无提示关闭

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" οnfοcus="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=页面设置 οnclick="factory.printing.PageSetup()"<
>input type=button value=打印预览 οnclick="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="打印本页" οnclick="factory.printing.Print(false)"<
>input type=button value="页面设置" οnclick="factory.printing.PageSetup()"<
>input type=button value="打印预览" οnclick="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=打印 οnclick=document.all.WebBrowser.ExecWB(6,1)<
>input type=button value=直接打印 οnclick=document.all.WebBrowser.ExecWB(6,6)<
>input type=button value=页面设置 οnclick=document.all.WebBrowser.ExecWB(8,1)<
>/p<
>p< >input type=button value=打印预览 οnclick=document.all.WebBrowser.ExecWB(7,1)<
>/center<

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

>script language= "JavaScript"<
var HKEY_Root,HKEY_Path,HKEY_Key;
HKEY_Root="HKEY_CURRENT_USER";
HKEY_Path="//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="清空页码" οnclick=PageSetup_Null()<
>input type="button" value="恢复页码"
οnclick=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"/textarea<>INPUT type="button" value="计算内容宽度" onClick="test(txt)"
<
>/BODY<

//无模式的提示框

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

//屏蔽按键

>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' οnmοusedοwn=MouseDown( this) οnmοusemοve=MouseMove() οnmοuseup=MouseUp()/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" οndrag="doDrag();" οnmοuseοver="this.style.cursor='hand'" style="position:absolute;left=100;top=100;" οnmοusedοwn="doMouseDown();"<
>a href="#" οnclick="return false"<>h1/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("下载完成.");
}


//检验连接是否有效

//组件是否安装
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/td<>td/td<>td/td<>td/td<>td
/td<>td< city>/td<>td/td<>td/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=">> 第一条记录" οnclick="xmldate.recordset.moveFirst()"<
>input id="prev" TYPE=button value=">上一条记录" οnclick="xmldate.recordset.movePrevious()"<
>input id="next" TYPE=button value="下一条记录<" οnclick="xmldate.recordset.moveNext()"<
>input id="last" TYPE=button value="最后一条记录<<" οnclick="xmldate.recordset.moveLast()"<
>input id="Add" TYPE=button value="添加新记录" οnclick="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'"/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

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

//设置光标位置

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

//书

>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="这是提示"/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.οnmοuseοver=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<
/*@cc_on @*/
/*@if (@_win32 && @_jscript_version<5)
function window.confirm(str)
{
execScript("n = msgbox('"+ str +"', 257)", "vbscript");
return(n == 1);
}
@end @*/

>/script<



//取得innerText

>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 = //>([^/]*?)/>///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"
οnclick="alert('click');"
οnmοuseοver="this.style.color='#0000FF';"
οnmοuseοut="this.style.color='#000000';"
<
This is a sample >B
/B< element.
>/DIV<
>DIV ID= "oDiv2"<
This is another sample >B
/B< element.
>/DIV<
>/SPAN<
>INPUT
TYPE= "button"
VALUE= "Merge Attributes"
οnclick= "fnMerge()"
<


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

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

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

>p style= "page-break-after:always"/p<
>p style="page-break-after:always"
/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=最小化 οnclick=min.Click()<
>input type=button value=最大化 οnclick=max.Click()<
>input type=button value=关闭 οnclick=close.Click()<

>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=导入收藏夹 οnclick= "window.external.ImportExportFavorites(true,'http://localhost');"<
>input type=button value=导出收藏夹 οnclick="window.external.ImportExportFavorites(false,'http://localhost');"<
>input type=button value=整理收藏夹 οnclick="window.external.ShowBrowserUI('OrganizeFavorites', null)"<
>input type=button value=语言设置 οnclick="window.external.ShowBrowserUI('LanguageDialog', null)"<
>input type=button value=加入收藏夹 οnclick="window.external.AddFavorite('http://www.google.com/', 'google')"<
>input type=button value=加入到频道 οnclick="window.external.addChannel('http://www.google.com/')"<
>input type=button value=加入到频道 οnclick="window.external.showBrowserUI('PrivacySettings',null)"
<

>input type=text οnkeypress= "return event.keyCode<=48&&event.keyCode>=57||(this.value.indexOf('.')>0?event.keyCode==46:false)" οnpaste="return !clipboardData.getData('text').match(//D/)" οndragenter="return false"<



1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
>table border οncοntextmenu=return(false)< >td< no >/table< 可用于Table

2. >body onselectstart="return false"< 取消选取、防止复制

3. οnpaste="return false" 不准粘贴

4. οncοpy="return false;" oncut="return false;" 防止复制

5. >link rel="Shortcut Icon" href="favicon.ico"< IE地址栏前换成自己的图标

6. >link rel="Bookmark" href="favicon.ico"< 可以在收藏夹中显示出你的图标

7. >input style="ime-mode:disabled"< 关闭输入法

8. 永远都会带着框架
>script language="JavaScript"< >!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --< >/script<

9. 防止被人frame
>SCRIPT LANGUAGE=JAVASCRIPT< >!--
if (top.location != self.location)top.location=self.location;
// --< >/SCRIPT<

10. 网页将不能被另存为
>noscript< >iframe src="/blog/*.html< "; >/iframe< >/noscript<

11. >input type=button value=查看网页源代码
οnclick="window.location = "view-source:"+ "http://www.williamlong.info""<

12.删除时确认
>a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1""< 删除 >/a<

13. 取得控件的绝对位置
//Javascript
>script language="Javascript"<
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
alert("top="+t+"/nleft="+l);
}
>/script<

//VBScript
>script language="VBScript"< >!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName >< "BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--< >/script<

14. 光标是停在文本框文字的最后
>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" οnfοcus="cc()"<

15. 判断上一页的来源
javascript:
document.referrer

16. 最小化、最大化、关闭窗口
>object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"<
>param name="Command" value="Minimize"< >/object<
>object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"<
>param name="Command" value="Maximize"< >/object<
>OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"<
>PARAM NAME="Command" VALUE="Close"< >/OBJECT<
>input type=button value=最小化 οnclick=hh1.Click()<
>input type=button value=最大化 οnclick=hh2.Click()<
>input type=button value=关闭 οnclick=hh3.Click()<
本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl
>script<
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT CTRL
}
document.οnkeydοwn=look;
>/script<

18. 网页不会被缓存
>META HTTP-EQUIV="pragma" CONTENT="no-cache"<
>META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"<
>META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"<
或者 >META HTTP-EQUIV="expires" CONTENT="0"<

19.怎样让表单没有凹凸感?
>input type=text style="border:1 solid #000000"<

>input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:

1 solid #000000"< >/textarea<

20. >div< >span< & >layer< 的区别?
>div< (division)用来定义大段的页面元素,会产生转行
>span< 用来定义同一行内的元素,跟 >div< 的唯一区别是不产生转行
>layer< 是ns的标记,ie不支持,相当于 >div<

21.让弹出窗口总是在最上面:
>body οnblur="this.focus();"<

22.不要滚动条?
让竖条没有:
>body style="overflow:scroll;overflow-y:hidden"<
>/body<
让横条没有:
>body style="overflow:scroll;overflow-x:hidden"<
>/body<
两个都去掉?更简单了
>body scroll="no"<
>/body<

23.怎样去掉图片链接点击后,图片周围的虚线?
>a href="#" onFocus="this.blur()"< >img src="/blog/logo.jpg" border=0< >/a<

24.电子邮件处理提交表单
>form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain"<
>input type=submit<
>/form<

25.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()

26.如何设定打开页面的大小
>body οnlοad="top.resizeTo(300,200);"<
打开页面的位置 >body οnlοad="top.moveBy(300,200);"<

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
>STYLE<
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
>/STYLE<

28. 检查一段字符串是否全由数字组成
>script language="Javascript"< >!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --< >/script<

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少
>textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"<
>/textarea<

32. 日期减去天数等于第二个日期
>script language=Javascript<
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
>/script<

33. 选择了哪一个Radio
>HTML< >script language="vbscript"<
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
>/script< >BODY<
>INPUT name="radio1" type="radio" value="style" checked< Style
>INPUT name="radio1" type="radio" value="barcode"< Barcode
>INPUT type="button" value="check" οnclick="checkme()"<
>/BODY< >/HTML<

34.脚本永不出错
>SCRIPT LANGUAGE="JavaScript"<
>!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// --<
>/SCRIPT<

35.ENTER键可以让光标移到下一个输入框
>input οnkeydοwn="if(event.keyCode==13)event.keyCode=9"<

36. 检测某个网站的链接速度:
把如下代码加入 >body< 区域中:
>script language=Javascript<
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"
function butt(){
document.write(" >form name=autof< ")
for(var i=1;i >autourl.length;i++)
document.write(" >input type=text name=txt"+i+" size=10 value="/blog/测试中......< " =》 >input type=text
name=url"+i+" size=40< =》 >input type=button value=GO

οnclick=window.open(this.form.url"+i+".value)< >br/< ")
document.write(" >input type=submit value=刷新< >/form< ")
}
butt()
function auto(url)
else

b++
}
function run(){for(var i=1;i >autourl.length;i++)document.write(" >img src=http://"+autourl+"/"+Math.random()+" width=1 height=1

οnerrοr=auto("http://"+autourl+"")< ")}
run() >/script<

37. 各种样式的光标
auto :标准光标
default :标准箭头
hand :手形光标
wait :等待光标
text :I形光标
vertical-text :水平I形光标
no-drop :不可拖动光标
not-allowed :无效光标
help :?帮助光标
all-scroll :三角方向标
move :移动标
crosshair :十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.页面进入和退出的特效
进入页面 >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 以上22种随机选择一种

39.在规定时间内跳转
>META http-equiv=V="REFRESH" content="5;URL=http://www.williamlong.info"<

40.网页是否被检索
>meta name="ROBOTS" content="属性值"<
  其中属性值有以下一些:
  属性值为"all": 文件将被检索,且页上链接可被查询;
  属性值为"none": 文件不被检索,而且不查询页上的链接;
  属性值为"index": 文件将被检索;
  属性值为"follow": 查询页上的链接;
  属性值为"noindex": 文件不检索,但可被查询链接;
  属性值为"nofollow": 文件不被检索,但可查询页上的链接。

最大化窗口?
>script language="JavaScript"<
>!--
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
//--<
>/script<




解决问题:由于层与下拉框之间的优先级是:下拉框 < 层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的 z-index 属性来设置)解决办法就是:给层中放一个优先级比下拉框更高的元素(iframe),从而解决此问题!具体解决代码如下:

>div id="menu" style="position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc;"<
>table<
>tr< >td< item 1 >/td< >/tr<
>tr< >td< item 2 >/td< >/tr<
>tr< >td< item 3 >/td< >/tr<
>tr< >td< item 4 >/td< >/tr<
>tr< >td< item 5 >/td< >/tr<
>/table<
>iframe src="/blog/javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"< >/iframe<
>/div<

>a href="#" οnclick="document.getElementById('menu').style.visibility='visible'"< menu >/a<

>form<
>select< >option< A form selection list >/option< >/select<
>/form<

输入框也可以做的很漂亮了
>div align="center"< >input type="hidden" name="hao" value="yes"<
外向数: >input
name=answer
style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)"<
 没回答的题数: >input
name=unanswer id="unanswer"
style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)"<
>br/<
总得分:
>input
name=score id="score"
style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)"<
 结    论:
>input
name=xgjg id="xgjg"
style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)"<
>br/<
>br/<

>input onClick=processForm(this.form) style="FONT-FAMILY: 宋体; FONT-SIZE: 9pt" type=button value=查看结果 name="button"<
>input type="reset" name="Submit" value="重做"<
>/div<
注意:修改 >body< 为 >body οnlοad="max.Click()"< 即为打开最大

化窗口,而如果改为 >body οnlοad="min.Click()"< 就变为窗口一打开就最小化

>object id="min" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"<
>param name="Command" value="Minimize"<
>/object< >object id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"<
>param name="Command" value="Maximize"<
>/object<
>/body<

页面自动刷新(说明)

当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。

1,页面自动刷新:把如下代码加入 >head< 区域中 >meta http-equiv="refresh" content="20"< ,其中20指每隔20秒刷新一次页面.

2,页面自动跳转:把如下代码加入 >head< 区域中 >meta http-equiv="refresh" content="20;url=http://www.williamlong.info"< ,其中20指隔20秒后跳转到http://www.williamlong.info页面。

页面自动关闭

5000是指时间 >body onLoad="setTimeout(window.close, 5000)"<

弹出窗口自动关闭

10秒后弹出窗口自动关闭

注意:在新的tan.htm的body中要加 >onLoad="closeit()"<
head

>script language="JavaScript"<

>!--

var gt = unescape('%3e');

var popup = null;

var over = "Launch Pop-up Navigator";

popup = window.open('', 'popupnav', 'width=225,height=235,resizable=1,scrollbars=auto');

if (popup != null) {

if (popup.opener == null) {

popup.opener = self;

}

popup.location.href = 'tan.htm';

}

// --<

>/script<
>body< 注意:这段代码是在新建文件中的
>script language="JavaScript"<

function closeit()

>/script<

这个可不是 >iframe< (引用)呀。是直接调用的。以下代码加入 >body< 区域

>object type="text/x-scriptlet" width="800" height="1000" data="../index.htm"<
>/object<



Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=497525


  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值