指引网

当前位置: 主页 > 网页制作 > HTML >

HTML弹出消息框 问题框 编辑框编辑代码

来源:网络 作者:佚名 点击: 时间:2017-07-06 20:53
[摘要]  HTML是现在很多人都在使用的,这次文章就给大家介绍下怎么使用HTML编写弹出消息框 问题框 编辑框,具体代码我们下面一起来看看。

开电脑,点击“开始”->“运行”。

HTML点击按钮或链接弹出消息框/问题框/编辑框

屏幕左下角出现“运行”对话框,输入“notepad”(不带引号),点“确定”。

HTML点击按钮或链接弹出消息框/问题框/编辑框

弹出“记事本”窗口,复制下面的代码到记事本编辑框中:

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset="GB2312" />

<title>Untitled Document</title>

</head>

<body>

<p align="center">======请选择对话框类型======

<br />

<br />

按钮版:<br />

<input type="button" onclick="xx()" value="消息框" />

<input type="button" onclick="wt()" value="问题框" />

<input type="button" onclick="bj()" value="编辑框" />

<br />

<br />

链接版:<br />

<a href="javascript:xx();">消息框</a>

&nbsp;

<a href="javascript:wt();">问题框</a>

&nbsp;

<a href="javascript:bj();">编辑框</a>

<script language="javascript">

function bj()

{

var name;

name=prompt("请问您的名字或网名是什么?","请在此输入您的名字或网名");

if(name==null) alert("无名氏,你好!");

else

{

if(name=="请在此输入您的名字或网名") alert("无名氏,你好!");

else

{

if(name=="") alert("无名氏,你好!");

else

{

alert(name + ",你好!");

}

}

}

}

</script>

<script language="javascript">

function wt()

{

var con;

con=confirm("请选择一个按钮(确定或取消):");

if(con==true) alert("你选择了“确定”!");

else alert("你选择了“取消”!");

}

</script>

<script language="javascript">

function xx()

{

alert("这是一个消息框!");

}

</script>

</p>

</body>

</html>

选择记事本工具栏上的“文件”->“保存”。

HTML点击按钮或链接弹出消息框/问题框/编辑框

弹出“另存为”对话框,名称输入“JavaScriptDialog.htm”(不带引号),保存位置选择桌面,保存类型选择“所有文件”,其他设置不要动,点击“保存(S)”。

HTML点击按钮或链接弹出消息框/问题框/编辑框

关闭“记事本”,双击打开桌面上的“JavaScriptDialog.htm”,效果如图。

注意:IE打开时可能会弹出一个通知栏,说“为了保护您的安全,Internet Explorer已限制此网页运行可以访问计算机的脚本或ActiveX控件。请单击这里获取选项”,这个时候需要点击它,选择“允许阻止的内容”,否则无法弹出对话框。

HTML点击按钮或链接弹出消息框/问题框/编辑框


------分隔线----------------------------