html如何实现将设计好的页面内容作为弹窗显示？

html-css014

html如何实现将设计好的页面内容作为弹窗显示？,第1张

首先要写一个弹窗内容区div，把要显示在弹窗里面的标签放在弹窗的div里面就行，当弹窗打开的时候，弹窗里面的内容就是你布局的内容。这需要结合JavaScript，纯html是实现不了的。

1、首先，HTML的弹窗函数是alert，这是一个系统函数，样式是固有的，不可变更的。2、如果想更改弹窗的样式，那就是使用DIV来模拟一个弹窗，这样才可以实现自定义样式，但这样需要模拟的不单是弹窗的样式，还有弹窗所有的行为，要模拟的比较多。常见的JS框架中都会有这一类自定义的信息提示框。你可以参考一下。3、希望对你有帮助。

介绍几种方法：

第一种：javascripts代码

<SCRIPT LANGUAGE="javascript"> 

<!-- 

window.open ('page.html') 

--> 

</SCRIPT>

这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。

第二种：

<SCRIPT LANGUAGE="javascript"> 

<!-- 

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no,status=no') 

//写成一行 

--> 

</SCRIPT>

第三种：函数控制

下面是一个完整的代码： 

<html> 

<head> 

<script LANGUAGE="javascript"> 

<!-- 

function openwin() { 

window.open ("page.html", "newwindow", "height=100, width=400, toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no") 

//写成一行 

} 

//--> 

</script> 

</head> 

<body onload="openwin()"> 

...任意的页面内容... 

</body> 

</html>

上面这三种弹出窗口的代码都可以应用。