|
副问题[/!--empirenews.page--]
超美满弹窗代码
成果：5小时弹一次+背后弹出+自动顺应差异分辩率+准全屏表现
代码：
【1、最根基的弹出窗口代码】
着实代码很是简朴：
<script language="javascript">
<!--
window.open ('page.html')
-->
</script>
由于着是一段javascripts代码，以是它们应该放在<script language="javascript">标签和</script>之间。<!-- 和 -->是对一些版本低的赏识器起浸染，在这些老赏识器中不会将标签中的代码作为文本表现出来。要养成这个好风俗啊。
window.open ('page.html') 用于节制弹出新的窗口page.html，假如page.html不与主窗口在统一起径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。
这一段代码可以插手html的恣意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就只管往前放。
【2、颠末配置后的弹出窗口】
下面再说一说弹出窗口的配置。只要再往上面的代码中加一点对象就可以了。
我们来定制这个弹出的窗口的外面，尺寸巨细，弹出的位置以顺应该页面的详细环境。
<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>
参数表明：
<script language="javascript"> js剧本开始；
window.open 弹出新窗口的呼吁；
'page.html' 弹出窗口的文件名；
'newwindow' 弹出窗口的名字（不是文件名），非必需，可用空''取代；
height=100 窗口高度；
width=400 窗口宽度；
top=0 窗口间隔屏幕上方的象素值；
left=0 窗口间隔屏幕左侧的象素值；
toolbar=no 是否表现器材栏，yes为表现；
menubar，scrollbars 暗示菜单栏和转动栏。
resizable=no 是否应承改变窗口巨细，yes为应承；
location=no 是否表现地点栏，yes为应承；
status=no 是否表现状态栏内的信息（凡是是文件已经打开），yes为应承；
</script> js剧本竣事
【3、用函数节制弹出窗口】
下面是一个完备的代码。
<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>
这里界说了一个函数openwin(),函数内容就是打开一个窗口。在挪用它之前没有任何用途。
怎么挪用呢？
要领一：<body onload="openwin()"> 赏识器读页面时弹出窗口；
要领二：<body onunload="openwin()"> 赏识器分开页面时弹出窗口；
要领三：用一个毗连挪用：
<a href="#" onclick="openwin()">打开一个窗口</a>
留意：行使的“#”是虚毗连。
要领四：用一个按钮挪用：
<input type="button" onclick="openwin()" value="打开窗口">
【4、同时弹出2个窗口】
对源代码轻微窜改一下：
<script language="javascript">
<!--
function openwin()
{ window.open ("page.html", "newwindow", "height=100, width=100, top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"
//写成一行
window.open ("page2.html", "newwindow2", "height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"
//写成一行
}
//-->
</script>
为停止弹出的2个窗口包围，用top和left节制一下弹出的位置不要彼此包围即可。最后用上面说过的四种要领挪用即可。
留意：2个窗口的name(newwindows和newwindow2)不要沟通，可能爽性所有为空。ok？
【5、主窗口打开文件1.htm，同时弹出小窗口page.html】
如下代码插手主窗口<head>区：
<script language="javascript">
<!--
function openwin()
{window.open("page.html","","width=200,height=200"
}
//-->
</script>
插手<body>区：
<a href="1.htm" onclick="openwin()">open</a>即可。
【6、弹出的窗口之按时封锁节制】
下面我们再对弹出的窗口举办一些节制，结果就更好了。假如我们再将一小段代码插手弹出的页面(留意是插手到page.html的html中，可不是主页面中，不然...)，让它10秒后自动封锁是不是更酷了？
（编辑：湖南网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
