当前位置：首页 » 编程语言 » 提示框html

提示框html

发布时间: 2021-03-13 09:06:07

1. html 网页怎么显示对话框，确认框，提示框

<scripttype="text/javascript">
window.alert("此为警告框");
window.confirm("此为确认框，请单击“确定”或“取消”。");
window.prompt("此为提示框，请输入数据");
</script>

2. html5如何实现弹出提示框，并且伴随遮罩层并且可以关闭弹出框

通过jquery的show()和hide()函数联合使用，实现弹出窗口。

一、show（）和hide（）函数解析：

1、show() 方法显示隐藏的被选元素。

注意：show() 适用于通过 jQuery 方法和 CSS 中 display:none 隐藏的元素（不适用于通过 visibility:hidden 隐藏的元素）。

2、hide() 方法隐藏被选元素。

这与 CSS 属性 display:none 类似，但是隐藏的元素不会被完全显示（不再影响页面的布局）。

二、设计一个HTML页面，包括一个简单的弹出窗，和一个显示按钮。其中，调用了jquery的以上两个函数。具体代码如下：

3. HTML窗口弹出代码

<!doctype html>

<html>

<head><title>无标题文档</title></head>

<body>

function MsgBox() //声明标识符

{

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

}

</script>

</body>

</html>

(3)提示框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为允许；

4. 我需要一个“弹出提示窗口”的HTML代码

<html>
<head>
<title>类似MSN提示的页面效果</title>
</head>
<body scroll=no>
看到右下角的提示了吗？如果没有看到，<button onclick=location.reload();>刷新</button>一下
<script language="JavaScript">
window.onload = getMsg;
window.onresize = resizeDiv;
window.onerror = function(){}
var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;
function getMsg()
{
try{
divTop = parseInt(document.getElementById("eMeng").style.top,10)
divLeft = parseInt(document.getElementById("eMeng").style.left,10)
divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;
document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;// divHeight
document.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth
document.getElementById("eMeng").style.visibility="visible"
objTimer = window.setInterval("moveDiv()",10)
}
catch(e){}
}

function resizeDiv()
{
i+=1
if(i>500) closeDiv()
try{
divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;
document.getElementById("eMeng").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10)
document.getElementById("eMeng").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10)
}
catch(e){}
}

function moveDiv()
{
try
{
if(parseInt(document.getElementById("eMeng").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10)))
{
window.clearInterval(objTimer)
objTimer = window.setInterval("resizeDiv()",1)
}
divTop = parseInt(document.getElementById("eMeng").style.top,10)
document.getElementById("eMeng").style.top = divTop - 1
}
catch(e){}
}
function closeDiv()
{
document.getElementById('eMeng').style.visibility='hidden';
if(objTimer) window.clearInterval(objTimer)
}
</script>
<DIV id=eMeng style="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX:99999; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 180px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 116px; BACKGROUND-COLOR: #c9d3f3">
<TABLE style="BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid" cellSpacing=0 cellPadding=0 width="100%" bgColor=#cfdef4 border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 12px; BACKGROUND-IMAGE: url(msgTopBg.gif); COLOR: #0f2c8c" width=30 height=24></TD>
<TD style="FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(msgTopBg.gif); COLOR: #1f336b; PADDING-TOP: 4px;PADDING-left: 4px" vAlign=center width="100%"> 短消息提示：</TD>
<TD style="BACKGROUND-IMAGE: url(msgTopBg.gif); PADDING-TOP: 2px;PADDING-right:2px" vAlign=center align=right width=19><span title=关闭 style="CURSOR: hand;color:red;font-size:12px;font-weight:bold;margin-right:4px;" onclick=closeDiv() >×</span></TD>
</TR>
<TR>
<TD style="PADDING-RIGHT: 1px; BACKGROUND-IMAGE: url(1msgBottomBg.jpg); PADDING-BOTTOM: 1px" colSpan=3 height=90>
<DIV style="BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 13px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 13px; FONT-SIZE: 12px; PADDING-BOTTOM: 13px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 18px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%">您有<font color=#FF0000>1</font>封新短消息<BR><BR>
<DIV align=center style="word-break:break-all"><a href="javascript:alert('你好')"><font color=#FF0000>点击查看短信</font></a></DIV

</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</body>
</html>

5. 求两个html弹出提示框代码。

还有个是点击B链接后直接新窗口打开网址，不用弹出提示。这种实现代码
<a href="www..com" target="blank">B</a>

6. html中弹出框如何实现的

html中弹出框可以用window.open方法

<html>
<head>
<scripttype="text/javascript">
functionopen_win()
{
window.open("需要弹框的地址")
}
</script>
</head>
<body>

<inputtype=buttonvalue="OpenWindow"onclick="open_win()"/>

</body>
</html>

定义和用法

open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。

7. html 怎么点击一个按钮弹出一个提示框

需要准备的材来料分别有：电脑自、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。

8. 弹出窗口的html的代码是怎么写的

1、最基本的弹出窗口代码

< SCRIPT LANGUAGE="javascript">

< !--

window.open ("page.html")

-- >

< /SCRIPT>

window.open ("page.html") 用于控制弹出新的窗口page.html，如果.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。

2、经过设置后的弹出窗口

< 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=no, status=no") 

< /SCRIPT>

< SCRIPT LANGUAGE="javascript"> js脚本开始；window.open 弹出新窗口的命令；"page.html" 弹出窗口的文件名；"newwindow" 弹出窗口的名字（不是文件名），非必须，可用空"代替；

3、用函数控制弹出窗口

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

这里定义了一个函数openwin(),函数内容就是打开一个窗口。

4、同时弹出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=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")

}

-->

< /script>

为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。

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

< script language="javascript">

< !--

function openwin() {

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

}

-->

< /script>

9. html弹出提示框

要用JAVASCRIPT才行！
一个样例：
<html>
<head>
<SCRIPT LANGUAGE="JAVASCRIPT">
function button1onclick(){
confirm("哈哈")
}
function button2onclick(){
alert("哈哈")
}
function button3onclick(){
var name=prompt("您好，您的名字是:");
document.write(name);
}
</SCRIPT>
</head>
<form>
<input type="button" value="confirm方式" onclick="button1onclick()">
<input type="button" value="alert方式" onclick="button2onclick()">
<input type="button" value="prompt方式" onclick="button3onclick()">
</form>
</html>
confirm方式用于弹出一个带有“确定”以及“取消”的对话框，会返回一个布尔值，如用户按了“确定”返回TRUE，否则返回FALSE。也可以忽略函数值，单独使用，做提醒的作用。

alert方式用于弹出一个警告的对话框。

prompt方式用于弹出一个带有一文本输入框的窗口，并带有“确定”与“取消”这两个按钮，如果用户按下了“确定”则返回用户在文本输入框
输入的文字，否则返回“null”。例子中的“prompt方式”按钮会弹出一个询问名字的对话框，并把你输入的文字显示在页面上。

如果还有不懂的就自己查一下JAVASCRIPT的知识吧。级别太低，发不了效果图（杯具啊）

10. html中点击列表文字弹出提示框

1、使用onfocus事件检查当前值,如果是默认值,就将value属性置空.如:<input type="text" value="请输入内容" onfocus="javascript:if(this.value=='请输入内容')this.value='';">

2、<input id="email" type="text" placeholder="这里输入文字" size="22" />

placeholder="这里输入文字"

input设置默认显示文字的两种方式：

1.placeholder属性。在输入框为空的情况下会显示placeholder中的值。但是提交时不能直接取其值。

2.value属性。在输入框加载的时候输入框中的值。提交时可直接获取。

阅读全文

提示框html

(3)提示框html扩展阅读：

与提示框html相关的阅读推荐