需要准备的材料分别有：电脑、浏览器、html编辑器者姿。
1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。
2、在index.html中的<body>标签中，输入js代码：拦嫌枯简洞
function fun() {
alert('click success!')
}
3、浏览器运行index.html页面，此时点击按钮d出了提示框。
首先根据需求我们需要一个档简旦按行扰咐键钮，一个d出窗口层；OK，废话不多说；
按钮就用一个基本的：
<button class="btn">Click me</button>
<div class="dialog">我是浮动的窗口</div>
我们要给浮动层设置一下样式
.dialog{width:200pxheight:200pxborder:solid 1px #000position:absoluteright:10pxtop:100pxline-height:200pxtext-align:centerdisplay:none}
OK ,下面就是JS部分：
首先需要引入一个JS库，版本自己定义：
然后给按钮添加相应的点击事件，让点击button的时候，显示出浮动层
$(".btn").click(function(){
$(".dialog").show(100)
})
可以利用javascript脚本语言实现，示例如下：1、打开文本编辑器或记事本程序，输入<html><body>以及<head>标签：
<html>
<head></head>
<body></body>
</html>
2、在<head>头标签后输入<script>标签：
<script type="text/javascript">
</script>
3、在<script>标签中定义一个函数duihua()来使网页d出对话框：
function duihua()
{
alert("这弊孝个窗口是对话框！")
}
4、然后，再定义一个函数命名为queren()，用来d出确认框：
function queren()
{
var se=confirm("请选择点击一个按钮!")
弯耐 if (se==true)
{
alert("你按下的是【确认】")
}
else
{
alert("你按下的是【取消】")
}
}
5、继续定义另一个函数tishi()，用来在网页中d出提示框。
function tishi()
{
var t=prompt("请输入您的名字","KING视界")
if (t!=null &&t!="")
{
document.write("精彩MV就在，" + t + "！属于你的世界")
}
}
6、函数定义好以后，在<body>标签后，建立3个按钮分别用来调用这3个函数执行。
<input type="button" onclick="duihua()" value="点击显示对话框" />
<input type="button" onclick="queren()" value="点击显示确认框" />
<input type="button" onclick="tishi()" value="点击显示提示框" />
7、保存该文件，用ie浏览器打开的，点击对应按钮，租闹稿即可d出相应对话框。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）