这里推荐一套很方便使用的前端 弹窗/ 层框架,项目开发里应用了,很方便 ,这里就为它打个免费的推荐广告吧:
使用前引用下载下来的js包:http://res.layui.com/download/layer-v3.0.1.zip
<script type="text/javascript" src="/js/thirdparty/layer/layer.js"></script>
<script type="text/javascript">
//数据加载遮罩层:
layer.load(0, {shade: true}); //0代表加载的风格,支持0-2 , shade:true 显示遮罩层
//....
//关闭加载遮罩层
layer.closeAll('loading');
//弹框提示信息
layer.alert('保存成功!', {icon: 6});
//弹窗到一个页面
//iframe层
layer.open({
type: 2,
title: 'iframe 窗的标题',
shadeClose: true,
shade: 0.8,
area: ['80%', '90%'], //弹出窗的宽、高
content: 'http://layer.layui.com/mobile/' //iframe的跳转地址 url
});
</<script>
还有更多示例,请查看 layer 官方资料:http://layer.layui.com/