html怎么点击一个按钮弹出一个提示框
发布于 2020-10-18 13:20:37
浏览 284
详情:
1、
html做点一个按钮就弹出文字的代码:
2、
1.最基本的弹出窗口代码
3、
<SCRIPTLANGUAGE="javascript">垍
4、
<!window.open('page.html')></SCRIPT>垍
5、
2.经过设置后的弹出窗口
6、
<SCRIPTLANGUAGE="javascript">垍
7、
<!window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')//>
8、
</SCRIPT>
9、
3.用函数控制弹出窗口
10、
<html>
11、
<head>
12、
<scriptLANGUAGE="JavaScript">垍
13、
<!functionopenwin(){window.open("page.html","newwindow","height=100,width=400,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no")//}//>垍
14、
</script>垍
15、
</head>垍
16、
<bodyonload="openwin()">
17、
</body>
18、
</html>
19、
4.同时弹出2个窗口
20、
<scriptLANGUAGE="JavaScript">
21、
<!functionopenwin(){window.open("page.html","newwindow","height=100,width=100,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no")//window.open("page2.html","newwindow2","height=100,width=100,top=100,left=100,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no")//}//>垍
22、
</script>
23、
5.主窗口打开文件1.htm,同时弹出小窗口page.html
24、
如下代码加入主窗口<head>区:
25、
<scriptlanguage="javascript">
26、
<!functionopenwin(){window.open("page.html","","width=200,height=200")}//>垍
27、
</script>
28、
加入<body>区:<ahref="1.htm"onclick="openwin()">open</a>
29、
6.弹出的窗口之定时关闭控制
30、
首先,将如下代码加入page.html文件的<head>区:
31、
<scriptlanguage="JavaScript">
32、
functioncloseit()
33、
{setTimeout("self.close()",10000)//毫秒}
34、
</script>
35、
7.在弹出窗口中加上一个关闭按钮垍
36、
<FORM>
37、
<INPUTTYPE='BUTTON'VALUE='关闭'onClick='window.close()'>
38、
</FORM>
39、
8.内包含的弹出窗口-一个页面两个窗口
40、
<html>垍
41、
<head>
42、
<SCRIPTLANGUAGE="JavaScript">
43、
functionopenwin()垍
44、
{OpenWindow=window.open("","newwin","height=250,width=250,toolbar=no,scrollbars="+scroll+",menubar=no");
45、
//OpenWindow.document.write("<TITLE>例子</TITLE>")
46、
OpenWindow.document.write("<BODYBGCOLOR=#ffffff>")
47、
OpenWindow.document.write("<h1>Hello!</h1>")
48、
OpenWindow.document.write("Newwindowopened!")垍
49、
OpenWindow.document.write("</BODY>")
50、
OpenWindow.document.write("</HTML>")垍
51、
OpenWindow.document.close()}
52、
</SCRIPT>
53、
</head>
54、
<body>
55、
<ahref="#"onclick="openwin()">打开一个窗口</a>
56、
<inputtype="button"onclick="openwin()"value="打开窗口">垍
57、
</body>
58、
</html>
59、
9.终极应用弹出的窗口之Cookie控制垍
60、
首先,将如下代码加入主页面HTML的<HEAD>区:
61、
<script>
62、
functionopenwin(){
63、
window.open("page.html","","width=200,height=200")}
64、
functionget_cookie(Name){varsearch=Name+"="varreturnvalue="";
65、
if(document.cookie.length>0){offset=document.cookie.indexOf(search)
66、
if(offset!=-1){offset+=search.lengthend=document.cookie.indexOf(";",offset);
67、
if(end==-1)
68、
end=document.cookie.length;
69、
returnvalue=unescape(document.cookie.substring(offset,end))}}垍
70、
returnreturnvalue;}
71、
functionloadpopup(){if(get_cookie('popped')==''){openwin()
72、
document.cookie="popped=yes"}}
73、
</script>?垍
74、
Asp教程-ASP应用
75、
this.Response.Write(<Script>window.open('WebForm7.aspx','','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=750,height=470,left=80,top=40');</script>");
76、
弹出跟你当前的窗口有没有菜单工具栏没有关系,你只要在页面中写一个脚本它就弹出了.比如
77、
<ahref=#onclick="window.open('xxx.aspx','窗口名称','参数');">xxxxx</a>
78、
以下列出一些弹出窗口的参数:
79、
(如:"fullscreen=yes,toolbar=yes")。下面是被支持的各种特性。
80、
channelmode={yes|no|1|0}是否在窗口中显示阶梯模式。默认为no。
81、
directories={yes|no|1|0}是否在窗口中显示各种按钮。默认为yes。
82、
fullscreen={yes|no|1|0}是否用全屏方式显示浏览器。默认为no。
83、
height=number指定窗口的高度,单位是像素。最小值是100。
84、
left=number指定窗口距左边框的距离,单位是像素。值必须大于或者等于0。垍
85、
location={yes|no|1|0}指定是否在窗口中显示地址栏。默认为yes。
86、
menubar={yes|no|1|0}指定是否在窗口中显示菜单栏。默认为yes。
87、
resizable={yes|no|1|0}指定是否在窗口中显示可供用户调整大小的句柄。默认为yes。垍
88、
scrollbars={yes|no|1|0}指定是否在窗口中显示横向或者纵向滚动条。默认为yes。
89、
status={yes|no|1|0}指定是否在窗口中显示状态栏。默认为yes。
90、
titlebar={yes|no|1|0}指定是否在窗口中显示标题栏。在非调用HTMLApplication或者一个对话框的情况下,这一项将被忽略。默认为yes。垍
91、
toolbar={yes|no|1|0}指定是否在窗口中显示工具栏,包括如前进、后退、停止等按钮。默认为yes。
92、
top=number指定窗口顶部的位置,单位是像素。值必须大于或者等于0。垍
93、
width=number指定窗口的宽度,单位是像素。最小值是100。垍
上一篇:如何彻底清除usb使用记录
下一篇:vmdk文件怎么打开