编程

当前位置:网站首页 > 编程 正文

html弹窗代码(web弹窗代码)

admin 2022-11-24 编程 45 ℃ 0 评论

本文目录一览:

html点击div触发弹窗事件怎么写代码?

1:html代码

div onclick = "aa()" id="div1"/div

2:第二部,定义函数

function aa(){

alert("点击div,触发弹窗事件!");

}

html怎么做一个按钮,就弹出一段文字的窗口呀

html做点一个按钮就弹出文字的代码:

最基本的弹出窗口代码

SCRIPT LANGUAGE="javascript"

!-- window.open ('page.html') -- /SCRIPT

经过设置后的弹出窗口

SCRIPT LANGUAGE="javascript"

!-- window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //--

/SCRIPT

用函数控制弹出窗口

html

head

script LANGUAGE="JavaScript"

!-- function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //} //--

/script

/head

body onload="openwin()"

/body

/html

同时弹出2个窗口

script LANGUAGE="JavaScript"

!-- function openwin() { window.open ("page.html", "newwindow", "height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=n o, status=no")//window.open ("page2.html", "newwindow2", "height=100, width=100, top=1 00, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, loca tion=no, status=no")//} //--

/script

主窗口打开文件1.htm,同时弹出小窗口page.html

如下代码加入主窗口head区:

script language="javascript"

!-- function openwin() { window.open("page.html","","width=200,height=200") } //--

/script

加入body区: a href="1.htm" onclick="openwin()"open/a

弹出的窗口之定时关闭控制

首先,将如下代码加入page.html文件的head区:

script language="JavaScript"

function closeit()

{ setTimeout("self.close()",10000) //毫秒 }

/script

在弹出窗口中加上一个关闭按钮

FORM

INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'

/FORM

内包含的弹出窗口-一个页面两个窗口

html

head

SCRIPT LANGUAGE="JavaScript"

function openwin()

{ OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no");

//OpenWindow.document.write("TITLE例子/TITLE")

OpenWindow.document.write("BODY BGCOLOR=#ffffff")

OpenWindow.document.write("h1Hello!/h1")

OpenWindow.document.write("New window opened!")

OpenWindow.document.write("/BODY")

OpenWindow.document.write("/HTML")

OpenWindow.document.close() }

/SCRIPT

/head

body

a href="#" onclick="openwin()"打开一个窗口/a

input type="button" onclick="openwin()" value="打开窗口"

/body

/html

终极应用--弹出的窗口之Cookie控制

首先,将如下代码加入主页面HTML的HEAD区:

script

function openwin(){

window.open("page.html","","width=200,height=200") }

function get_cookie(Name) { var search = Name + "=" var returnvalue = "";

if (document.cookie.length 0) { offset = document.cookie.indexOf(search)

if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset);

if (end == -1)

end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset, end)) } }

return returnvalue; }

function loadpopup(){ if (get_cookie('popped')==''){ openwin()

document.cookie="popped=yes" } }

/script

Asp教程-ASP应用

this.Response.Write(Scriptwindow.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");

弹出跟你当前的窗口有没有菜单工具栏没有关系,你只要在页面中写一个脚本它就弹出了.比如

a href=# onclick="window.open('xxx.aspx','窗口名称','参数');"xxxxx/a

以下列出一些弹出窗口的参数:

(如:"fullscreen=yes, toolbar=yes")。下面是被支持的各种特性。

channelmode = { yes | no | 1 | 0 } 是否在窗口中显示阶梯模式。默认为no。

directories = { yes | no | 1 | 0 } 是否在窗口中显示各种按钮。默认为yes。

fullscreen = { yes | no | 1 | 0 } 是否用全屏方式显示浏览器。默认为no。

height = number 指定窗口的高度,单位是像素。最小值是100。

left = number 指定窗口距左边框的距离,单位是像素。值必须大于或者等于0。

location = { yes | no | 1 | 0 } 指定是否在窗口中显示地址栏。默认为yes。

menubar = { yes | no | 1 | 0 } 指定是否在窗口中显示菜单栏。默认为yes。

resizable = { yes | no | 1 | 0 } 指定是否在窗口中显示可供用户调整大小的句柄。默认为yes。

scrollbars = { yes | no | 1 | 0 } 指定是否在窗口中显示横向或者纵向滚动条。默认为yes。

status = { yes | no | 1 | 0 } 指定是否在窗口中显示状态栏。默认为yes。

titlebar = { yes | no | 1 | 0 } 指定是否在窗口中显示标题栏。在非调用HTML Application或者一个对话框的情况下,这一项将被忽略。默认为yes。

toolbar = { yes | no | 1 | 0 } 指定是否在窗口中显示工具栏,包括如前进、后退、停止等按钮。默认为yes。

top = number 指定窗口顶部的位置,单位是像素。值必须大于或者等于0。

width = number 指定窗口的宽度,单位是像素。最小值是100。

HTML窗口弹出代码

!doctype html

html

headtitle无标题文档/title/head

body

!--插入按钮 开始--

input type="button" value="弹出对话框" onclick="MsgBox()" /

!--插入按钮 结束--

!--引用JS代码以达到弹出对话框目的 开始--

script language="javascript"

function MsgBox() //声明标识符

{

alert("我是对话框的内容"); //弹出对话框

}

/script

!--引用JS代码以达到弹出对话框目的 结束--

/body

/html

扩展资料:

方法参数详解

参数解释:

window.open 弹出新窗口的命令;

'page.html' 弹出窗口的文件名;

'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;

height=100 窗口高度;

width=400 窗口宽度;

top=0 窗口距离屏幕上方的象素值;

left=0 窗口距离屏幕左侧的象素值;

toolbar=no 是否显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

HTML弹窗代码

1.html代码:

bodya href="javascript:void(0);" onclick="window.showModalDialog('2.html','title','dialogHeight: 50px; dialogWidth: 80px; edge: Raised; center: Yes; help: No; status:No;scroll=no;')"弹出窗口测试/a/body

2.html代码:

body

谢谢点击

br/

input type="button" value="确定" onclick="window.close();"/

/body

这么好的文章居然暂无评论!来一个吧...

欢迎 发表评论

京ICP备16011365号
在线QQ 评论文章