可以利用javascript脚本语言实现，示例如下：
成都创新互联主要从事成都网站制作、做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务普定,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575
1、打开文本编辑器或记事本程序，输入htmlbody以及head标签：
html
head/head
body/body
/html
2、在head头标签后输入script标签：
script type="text/javascript"
/script
3、在script标签中定义一个函数duihua()来使网页弹出对话框：
function duihua()
{
alert("这个窗口是对话框！")
}
4、然后，再定义一个函数命名为queren()，用来弹出确认框：
function queren()
{
var se=confirm("请选择点击一个按钮!");
if (se==true)
{
alert("你按下的是【确认】");
}
else
{
alert("你按下的是【取消】");
}
}
5、继续定义另一个函数tishi()，用来在网页中弹出提示框。
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浏览器打开的，点击对应按钮，即可弹出相应对话框。
添加图标到主屏幕是Web App的第一步：
link rel="apple-touch-icon-precomposed" sizes="57x57"
href="icon-57.png"
link rel="apple-touch-icon-precomposed" sizes="72x72"
href="icon-72.png"
link rel="apple-touch-icon-precomposed" sizes="114x114"
href="icon-114.png"
link rel="apple-touch-icon-precomposed" sizes="144x144"
href="icon-144.png"
添加图标到屏幕里的有两种属性值apple-touch-icon和apple-touch-icon-precomposed，区别就在于是否会应用iOS中自动给图标添加的那层高光。
由于iPhone以及iPad都有两种分辨率的设备存在，图标的尺寸就需要做4个：144×144(iPad
Retina)、72×72(iPad)、114×114(iPhone Retina)、57×57(iPhone)。
可以使用sizes尺寸来告诉设备该调用哪个图标。
有了图标还不够像，还需要加上启动画面：
link rel="apple-touch-startup-image" sizes="1024x748"
href="icon-1024x748.png" media="screen and (min-device-width: 481px) and
(max-device-width: 1024px) and (orientation:landscape)"
link rel="apple-touch-startup-image" sizes="768x1004"
href="icon-768x1004.png" media="screen and (min-device-width: 481px) and
(max-device-width: 1024px) and (orientation:portrait)"
link rel="apple-touch-startup-image" sizes="640x920"
href="icon-640x920.png" media="screen and (max-device-width: 480px) and
(-webkit-min-device-pixel-ratio: 2)"
link rel="apple-touch-startup-image" sizes="320x460"
href="icon-320x460.png" media="screen and (max-device-width: 320)"
apple-touch-startup-image是用来标示启动画面的，但它不像apple-touch-icon可以指定sizes来告诉设备该使用哪个图片（也有一种说法是在iOS5中已经支持sizes识别了，但没有测试成功），所以只能通过media里的设备分辨率的判断值来识别，而iPhone
Retina的分辨率值界于取值之间，所以需要通过webkit的私有属性-webkit-min-device-pixel-ratio:2来鉴别像素密度以进行识别。
启动画面的图片尺寸并非完全等于设备的尺寸，比如iPad2的尺寸是1024×768，但它的启动画面尺寸横向是1024×748，竖向尺寸是768×1004，因为需要减去系统状栏的高度20px，而使用的Retina屏幕的iPhone4以及iPad3则需要减去状态栏的高度40px。
Web App运行起来要像Native App，那么就要去掉Safari的一些默认控件，比如地址栏、状态栏之类的。
meta name="apple-mobile-web-app-capable"
content="yes"
meta name="apple-mobile-web-app-status-bar-style"
content="black"
meta name="format-detection" content="telephone=no"
meta name="viewport" content="width=device-width,initial-scale=1,
minimum-scale=1.0, maximum-scale=1, user-scalable=no"
apple-mobile-web-app-capable是用来定义应用全屏展示的；在定义了apple-mobile-web-app-capable的前提下，设置状态栏的属性值apple-mobile-web-app-status-bar-style才有效；format-detection的值用于启用或禁用自动检测在网页中可能出现的电话号码；
viewport并非Safari的私有属性，width用于指定宽度，initial-scale指定初始化的缩略比例，minimum-scale指定缩小的比例，而maximum-scale则是放大的比例，当然这些缩放都取决于user-scalable——决定用户是否能缩放页面。
通过jquery的show()和hide()函数联合使用，实现弹出窗口。
一、show（）和hide（）函数解析：
1、show() 方法显示隐藏的被选元素。
注意：show() 适用于通过 jQuery 方法和 CSS 中 display:none 隐藏的元素（不适用于通过 visibility:hidden 隐藏的元素）。
2、hide() 方法隐藏被选元素。
这与 CSS 属性 display:none 类似，但是隐藏的元素不会被完全显示（不再影响页面的布局）。
二、设计一个HTML页面，包括一个简单的弹出窗，和一个显示按钮。其中，调用了jquery的以上两个函数。具体代码如下：
三、设计遮罩层的样式，如下：
四、弹出窗口的css样式，代码如下：
五、初始页面如下：
六、点击按钮，查看弹出窗口结果：
七、关闭弹出窗后，打开开发者中心，如下：
不需要安装啊，有浏览器就可以了，静态页面只需要把静态页面文件后缀名命名为.html或者.htm就可以了，双击打开就OK了。 东莞汇鑫---企业邮箱，网站建设
if(like==true)
document.write("谢谢你的夸奖");//确定进入
else
window.close();//放弃进入
用脚本关闭窗口，这是IE允许的事情，但其他浏览器默认状态下未必允许。
