JS浏览器框设计源码.docx

资源描述

JS浏览器框设计源码.docx

《JS浏览器框设计源码.docx》由会员分享，可在线阅读，更多相关《JS浏览器框设计源码.docx（10页珍藏版）》请在冰豆网上搜索。

JS浏览器框设计源码.docx

JS浏览器框设计源码

1警报对话框

警报对话框篇--提示重要信息

--案例代码开始-->

functionAlertMessage（）

--[Step1]:

这里可以更改弹出窗口的重要提示信息-->

{window.alert（"明天是我女朋友的生日！

！

"）

}

--案例代码结束-->

2点击ok才可以继续

警报对话框篇--点击OK后才可继续

--案例代码开始-->

functionOKGoOn（）{

--[Step1]:

这里可以更改弹出窗口的信息-->

if（!

confirm（"警报对话框篇--点击OK后才可继续！

"））history.go（-1）;

return""

}

document.writeln（OKGoOn（））

--案例代码结束-->

3说明窗口

警报对话框篇--说明窗口

--案例代码开始-->

--[Step1]:

这里能够按序增加网址的名称-->

varNames=newArray（3）

Names[1]="263在线"

Names[2]="新浪"

Names[3]="搜狐"

varAddress=newArray（3）

Address[1]=""

Address[2]=""

Address[3]=""

varNotes=newArray（3）

Notes[1]="中国人的网上家园"

Notes[2]="全球最大的华人网站"

Notes[3]="中国互联网第一品牌"

functionSetPopUp（index）{

SetPopUpWin（）;

PUP.document.write（"\n\n"+Names[index]+""）;

PUP.document.write（"\n\n"）;

PUP.document.write（"\n

\n\n\n名称：

"+Names[index]+""）;

PUP.document.write（"\n<\TR>\n\n网址：

"+Address[index]+""）;

PUP.document.write（"\n<\TR>\n\n口号：

"+Notes[index]+""）;

PUP.document.write（"\n<\TR>\n\n\n\n\n\n"）;

PUP.status=（Names[index]）;

PUP.document.close（）;

}

functionSetPopUpWin（）{

PUP=window.open（'','PUP','width=300,height=160,toolbar=0,directories=0,status=1,menu=0,scrollbars=no,resizable=no,copyhistory=no,location=0'）;

}

--案例代码结束-->

4有趣的警告框

警报对话框篇--有趣的警告框

--案例代码开始-->

varnow=newDate（）

now.setHours（now.getHours（））

varmin=60*now.getUTCHours（）+now.getUTCMinutes（）+now.getUTCSeconds（）/60;

--[Step1]:

这里可以更改警告框中的信息-->

varclock="当前的时间是：

"+now.getHours（）+":

"+now.getMinutes（）+":

"+now.getSeconds（）

--[Step2]:

在此能够更改警告框中的信息-->

varcountvisits="您已登录本页：

"+Count（）+"次"

varexpDays=30;

varexp=newDate（）;

exp.setTime（exp.getTime（）+（expDays*24*3600*1000））;

functionshowAlert（）{

varlater=newDate（）

varmillilater=later.getTime（）/1000

varloadTime=（Math.floor（（millilater-now.getTime（）/1000）*100））/100

--[Step3]:

这里可以更改警告框中的信息-->

varloadTimeResult="页面装载用时：

"+loadTime+"秒"

window.alert（clock+"\r"+loadTimeResult+"\r"+countvisits）

}

functionCount（info）{

varpsj=0;

varAlertCount=GetCookie（'AlertCount'）

if（AlertCount==null）{AlertCount=0;}

else{AlertCount++;}

SetCookie（'AlertCount',AlertCount,exp）;

returnAlertCount;

}

functionSetCookie（name,value）{

varargv=SetCookie.arguments;

varargc=SetCookie.arguments.length;

varexpires=（argc>2）?

argv[2]:

null;

varpath=（argc>3）?

argv[3]:

null;

vardomain=（argc>4）?

argv[4]:

null;

varsecure=（argc>5）?

argv[5]:

false;

document.cookie=name+"="+escape（value）+（（expires==null）?

"":

（";expires="+expires.toGMTString（）））+（（path==null）?

"":

（";path="+path））+（（domain==null）?

"":

（";domain="+domain））+（（secure==true）?

";secure":

""）;

}

functiongetCookieVal（offset）{

varendstr=document.cookie.indexOf（";",offset）;

if（endstr==-1）endstr=document.cookie.length;

returnunescape（document.cookie.substring（offset,endstr））;

}

functionGetCookie（name）{

vararg=name+"=";

varalen=arg.length;

varclen=document.cookie.length;

vari=0;

while（i

varj=i+alen;

if（document.cookie.substring（i,j）==arg）

returngetCookieVal（j）;

i=document.cookie.indexOf（"",i）+1;

if（i==0）break;}

returnnull;

}

--案例代码结束-->

4制作书签

警报对话框篇--制作书签

--[Step1]:

这里可以更改警报对话框的显示信息-->

'）">

警报对话框篇--制作书签

5欢迎登录

警报对话框篇--用用户名来欢迎登录

--案例代码1开始-->

--[Step1]:

这里可以更改JavaScript提示窗口的信息-->

varyourname=prompt（"请输入您的名字：

","朋友"）

functionscrollmsg（index）{

--[Step2]:

在此能够按序增加滚动的信息-->

varm1=（"欢迎您，"+yourname+"，希望在此能够有所收获！

"）;

varm2="请多提宝贵意见！

！

varmsg=m1+m2;

varout="";

varc=0;

if（index>0）{

for（c=0;c

out+=msg;

index--;

varcmd="scrollmsg（"+index+"）";

document.display.box.value=out;

--[Step3]:

这里可以设置滚动的速度，数值大速度慢-->

window.setTimeout（cmd,150）;}

elseif（index<=0）{

if（-index

out+=msg.substring（-index,msg.length）;

index--;

varcmd="scrollmsg（"+index+"）";

document.display.box.value=out;

window.setTimeout（cmd,150）;}

else{

document.display.box.value="";

window.setTimeout（"scrollmsg（20）",150）;}

}

--案例代码1结束-->

--案例代码2开始-->

--[Step4]:

在此能够更改文本框的列长度-->

--案例代码2结束-->

展开阅读全文