Question

有没有好点的弹出层插件，可以弹出一个页面，弹出的页面还能提交数据。不要jquery写的

Answer 1

这个是我自己写的创建元素的JS函数，
第一个参数是要创建的元素的标签名TagName
第二个参数是这个元素的属性值对象，就是用来设置id、class、href之类的属性
第三个参数是这个元素的css对象，即创建内联样式，也可以把css写到css文件中，然后在第二个参数中设置id和class
第四个参数是这个元素要绑定的事件，比如click时间
第五个参数是指定这个元素的父元素，即要插入到哪个元素，默认是body
除了第一个元素外，其他的参数都可以不传
返回的是这个元素的句柄，可以对其进行其他js操作。

后面是用这个函数实现的弹出层的实例，弹出一个iframe，相当于在弹出层上又开了一个浏览器窗口，可以做提交数据。
如果不想要iframe，则完全可以创建一个div来实现，但是提交数据的功能要手动写

//先写个函数方便后面的创建元素
//参数：
// string tagName HTML标签名
// object attr 属性
// object css 样式
// object evt 事件绑定（事件名: 函数）
// node parent 插入到父节点（默认body）
function create(tagName, attr, css, evt, parent){
if(typeof tagName !== 'string') return false;
var ele = document.createElement(tagName);
for(var i in attr) ele[i] = attr[i];
for(var i in css) ele.style[i] = css[i];
for(var i in evt) ele['on'+i] = evt[i];
parent = parent || document.body;
parent.appendChild(ele);
return ele;
}

//下面是示例：
//为ID="new-layer-btn"的按钮绑定click事件
document.getElementById('new-layer-btn').onclick = function(){
//获取窗口的宽和高
var docWidth = document.body.clientWidth,
docHeight = window.screen.height;
//创建iframe
var ifr = create('iframe', {
//要显示的网页的地址,绝对路径和相对路径都可
src: "http://www.baidu.com"
}, {
//iframe的样式
position: 'absolute', //绝对定位
width: docWidth*0.8+'px', //宽度设置为浏览器窗口的80%
height: docHeight*0.8+'px', //高度也设置为浏览器窗口的80%
top: docHeight*0.05+'px', //计算出离顶部和左边的距离，就能居中
left: docWidth*0.1+'px',
backgroundColor: '#fff', //设置背景色，否则就是透明的
zIndex: 99990 //设置z-index，要足够大，保证弹出层要在最上面
});
//创建关闭按钮
create('a', {
href: '###',
innerText: 'X关闭'
}, {
position: 'absolute',
top: 0,
right: 0,
zIndex: 99999,
backgroundColor: '#FF0',
color: '#F00',
fontSize: '22px',
padding: '5px 10px'
}, {
//绑定事件
click: function(){
ifr.style.display = this.style.display = 'none';
ifr.parentElement.removeChild(ifr);
this.parentElement.removeChild(this);
return false;
}
});

return false;
};

Answer 2

有一个弹出层插件很漂亮,可定制:artdialg!

Answer 3

window.showModalDialog("")

window.open();