弹出窗口代码编写方法
方法一:
步骤1:弹出窗口代码
<script language="JavaScript">
<!--
function popUp() {
props=window.open('http://xuhui-8491.blog.163.com/','xuhui','width=600,height=450,top=50,left=50,toolbars=0,scrollbars=0,location=0,statusbars=0,menubars=0, resizable=0');
}
-->
</script>
步骤2:打开窗口方式
单击按钮弹出:
<input type=button value="单击按钮弹出窗口" onClick="javascript:popUp()">
单击链接弹出:
<a href="javascript:popUp()">单击链接弹出窗口</a>
自动弹出:
<body onLoad="javascript:popUp()">
步骤3:合并两处代码。如,
<script language="JavaScript">
<!--
function popUp() {
props=window.open('http://xuhui-8491.blog.163.com/','xuhui','width=600,height=450,top=50,left=50,toolbars=0,scrollbars=0,location=0,statusbars=0,menubars=0, resizable=0');
}
-->
</script>
<input type=button value="单击按钮弹出窗口" onClick="javascript:popUp()">
方法二:
单击按钮弹出:
<input type=button value="点击按钮弹出窗口" onClick="window.open('http://xuhui-8491.blog.163.com/','','width=600,
height=450')"> 或
<button onclick="window.open('http://xuhui-8491.blog.163.com/','','width=600, height=450')">点击按钮弹出窗口</button>
单击文字弹出:
<Span onclick="window.open('http://xuhui-8491.blog.163.com/','','width=600, height=450')">点击此处弹出窗口</Span>
自动弹出:
<script>window.open('http://xuhui-8491.blog.163.com/','','width=600, height=450')</script>
代码格式:
<script language="JavaScript">
<!--
弹窗命令 ('弹窗网址','窗口名','参数,…,参数');
-->
</script>
window.open 弹窗命令
http://xuhui-8491.blog.163.com/ 弹窗网址
xuhui 窗口名,非必须,可用空''代替
相关参数:以下缺省时为默认值
height=窗口高度, 默认为100%
width=窗口宽度, 默认为100%
top=窗口顶部距离, 默认为0
left=窗口左边距离, 默认为0
toolbar=工具栏, 默认0或no为隐藏,1或yes为显示
menubar=菜单栏, 默认0或no为隐藏,1或yes为显示
scrollbars=滚动栏, 默认0或no为隐藏,1或yes为显示
location=地址栏, 默认0或no为隐藏,1或yes为显示
status=状态栏, 默认0或no为隐藏,1或yes为显示
resizable=改变窗口大小, 默认0或no为禁止,1或yes为允许
实例:自动弹窗
<script language="JavaScript">
window.open ('http://www.107000.com', 'kvgo', 'height=420, width=600, top=0, left=0, toolbar=no, menubar=no,
scrollbars=no, resizable=yes, location=no, status=no');
</script>
Flash弹窗生成器
地址: http://www.7880.com/Upload/2005-09/200592612914819.swf
在线弹窗生成器与代码
生成器1 生成器 生成器 生成器 生成器 生成器
生成器2 生成器 生成器 生成器 生成器 生成器
代码 代码 代码 代码 代码 / 代码 代码 代码 代码 代码
代码测试工具