您的位置：首页 > 编程技术 > html  >  window.open实现网页对话框

window.open实现网页对话框

 更新时间：2016年9月20日 19:06  点击：2159

由于一个页面上,内容很少,如果直接打开，整个页面感觉很空，所以要用到网页对话框，用来只显示有内容的部分。使用格式：
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脚本结束

常用HTML特效代码

1。忽视右键 
　 <body oncontextmenu="return false"> 
　 或 
　 <body style="overflow-y:hidden"> 
2。加入背景音乐 
　 IE:<bgsound src="*.mid" loop=infinite> 
　 NS:<embed src="*.mid" autostart=true hidden=true loop=true> 
　 </embed> 
　 *.mid你的背景音乐的midi格式文件 
3。简单的window.open方法 
　 <a href="#" 
　 onclick="javascript :window.open(文件路径/文件名,newwindow, 
　 toolbar=no,scrollbars=yes,resizable=no,top=0,left=0, 
　 width=400,height=300);">文字或图片</a> 
　 参数解释： 
　 <SCRIPT LANGUAGE="javascript"> js脚本开始； 
　 window.open 弹出新窗口的命令； 
　 文件路径/文件名 弹出窗口的文件名； 
　 newwindow 弹出窗口的名字（不是文件名），非必须，可用空代替； 
　 width=400 窗口宽度； 
　 height=300 窗口高度； 
　 top=0 窗口距离屏幕上方的象素值； 
　 left=0 窗口距离屏幕左侧的象素值； 
　 toolbar=no 是否显示工具栏，yes为显示； 
　 menubar，scrollbars 表示菜单栏和滚动栏。 
　 resizable=no 是否允许改变窗口大小，yes为允许； 
　 location=no 是否显示地址栏，yes为允许； 
　 status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许； 
　 </SCRIPT> js脚本结束 
4。简单的页面加密 
　 <script LANGUAGE="javascript"> 
　 <!-- 
　 function loopy(){ 
　　 var sWord =""; 
　　 while(sWord!="login"){sWord=prompt("请输入你的登陆密码");} 
　　 alert("登陆成功！"); 
　 } 
　 loopy() 
　 //--> 
　 </script> 
5。拉动页面时背景图不动 
　 <style> 
　 body{background-image:url(logo.gif); 
　 background-repeat:no-repeat;background-position:center} 
　 </style> 
6。让浏览器在保存页面时保存失败 
　 <NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT> 
7。随机替换图片 
　 <script> 
　 document.write(<img src="img/+parseInt(Math.random()*(5)) 
　 +.gif"height="40" width="50"> 
　 </script> 
　 图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif 
8。窗口定时关闭 
　 先将如下代码网页文件的区： 
　 <script language="javascript"> 
　 function closeit() { setTimeout("self.close()",10000) //毫秒 } 
　 </script> 
　 然后再在<body>标内加入如：<body onload="closeit()"> 
9。网页自动关闭 
　 <html> 
　 <head> 
　 <object id=closes type="application/x-oleobject" 
　 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
　 <param name="Command" value="Close"> 
　 </object> 
　 </head> 
　 <body onload="window.setTimeout(closes.Click(),10000)"> 
　 这个窗口会在10秒过后自动关闭,而且不会出现提示. 
　 </body> 
　 </html> 
10。网页自动刷新 
　 在head部记入 
　 <META HTTP-EQUIV="Refresh" content="20"> 
　 其中20为20秒后自动刷新，你可以更改为任意值。 
11。网页自动转页 
　 <META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址"> 
12。保持layer在最前面，而不被Iframe、Object所覆盖 
　 在Layer中再插Iframe 或 Object 设z-Index值 
　 <div z-Index:2><object xxx></object> ＃ 前面 
　 <div z-Index:1><object xxx></object> ＃ 后面 
　 <div id="Layer2" style="position:absolute; top:40;width:400px; 
　 height:95px;z-index:2"> height=100% width=100%> 
　 <iframe width=0 height=0></iframe> 
　 </div> 
　 <div id="Layer1" style="position:absolute; top:50;width:200px; 
　 height:115px;z-index:1"> 
　 <iframe height=100% width=100%></iframe> 
　 </div> 
13。返回上一页 
　 <a href=javascript :history.back(1)>『返回上一页』</a> 
14。关闭窗口 
　 <a href=javascript :self.close()>『关闭窗口』</a> 
15。关于iframe的透明背景 
　 <IFRAME ID="iFrame1" SRC="iframe.htm" 
　 allowTransparency="true" 
　 style="background-color: green"></IFRAME> 
16. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 
    <table border oncontextmenu=return(false)><td>no</table> 可用于Table 
17. <body onselectstart="return false"> 取消选取、防止复制 
18.onpaste="return false" 不准粘贴 
19.oncopy="return false;" oncut="return false;" 防止复制 


20. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 

21. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标 

22. <input style="ime-mode:disabled"> 关闭输入法 

23. 永远都会带着框架 
<script language="JavaScript"><!-- 
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页 
// --></script> 

24. 防止被人frame 

<SCRIPT LANGUAGE=JAVASCRIPT><!-- 
if (top.location != self.location)top.location=self.location; 
// --></SCRIPT> 

25. 网页将不能被另存为 

<noscript><iframe src=*.html></iframe></noscript> 

26. 查看网页源代码 

<input type=button value=查看网页源代码 onclick="window.location = "view-source:"+ "http://www.pconline.com.cn""> 

27.删除时确认 

<a href="javascript :if(confirm("确实要删除吗?"))location="boos.asp? &areyou=删除&page=1"">删除</a> 

28.屏蔽功能键Shift,Alt,Ctrl 
<script> 
function look(){ 
if(event.shiftKey) 
alert("禁止按Shift键!"); //可以换成ALT　CTRL 
} 
document.onkeydown=look; 
</script>

通常在使用dw插入flash的时候，系统生成的代码如下：
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="http://download.macromedia.com/pub/
shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="980" 
height="200">
  <param name="movie" value="images/ban.swf" />
  <param name="quality" value="high" />
  <embed src="images/ban.swf" quality="high" 
pluginspage="http://www.macromedia.com/go/getflashplayer" 
type="application/x-shockwave-flash" width="980" height="200">
</embed>
</object>
这样，会发现插入的flash文件挡掉了其他层，也就是其他后在这个flash文件后面，而这些层上面的内容必须要显示出来，所以需要在上面代码中加入以下一句就可以解决
<param name="wmode" value="transparent" />

常用的地方是:按回车进行提交表单信息，和点击按纽的效果是一样的。
<form name="form1" method="post" action="">
  <input type="text" name="username"><br>
  <input type="button" value="点击" onclick="javascript:s2()">
  </form>
  <script> 
document.onkeydown=function(){ss()} 
function ss() 
{ 
if(event.keyCode==13) 
{ 
alert(form1.username.value); 
} 
} 
function s2()
{
 alert(form1.username.value);
}
</script>

有时候打开某个页面，会发现该网址前面有一个图片，它的做法是这样的：
在<head>部分加上 
<link rel="shortcut icon" href="xxx.ico" type="image/x-icon" />

[!--infotagslink--]

相关文章

  • php语言实现redis的客户端

    php语言实现redis的客户端与服务端有一些区别了因为前面介绍过服务端了这里我们来介绍客户端吧，希望文章对各位有帮助。 为了更好的了解redis协议，我们用php来实现...2016-11-25

  • jQuery+jRange实现滑动选取数值范围特效

    有时我们在页面上需要选择数值范围，如购物时选取价格区间，购买主机时自主选取CPU，内存大小配置等，使用直观的滑块条直接选取想要的数值大小即可，无需手动输入数值，操作简单又方便。HTML首先载入jQuery库文件以及jRange相关...2015-03-15

  • 删除条目时弹出的确认对话框

    复制代码 代码如下: <td> <a href="/member/life/edit_ppt/<?php echo $v->id;?>" class="btn">编辑</a> <a href="javascript:;" onclick="if(confirm('您确定删除这条记录？')){location.href='/member/life/d...2014-06-07

  • JS实现的简洁纵向滑动菜单(滑动门)效果

    本文实例讲述了JS实现的简洁纵向滑动菜单(滑动门)效果。分享给大家供大家参考，具体如下：这是一款纵向布局的CSS+JavaScript滑动门代码，相当简洁的手法来实现，如果对颜色不满意，你可以试着自己修改CSS代码，这个滑动门将每一...2015-10-21

  • jQuery+slidereveal实现的面板滑动侧边展出效果

    我们借助一款jQuery插件：slidereveal.js，可以使用它控制面板左右侧滑出与隐藏等效果，项目地址：https://github.com/nnattawat/slideReveal。如何使用首先在页面中加载jquery库文件和slidereveal.js插件。复制代码 代码如...2015-03-15

  • PHP+jQuery翻板抽奖功能实现

    翻板抽奖的实现流程：前端页面提供6个方块，用数字1-6依次表示6个不同的方块，当抽奖者点击6个方块中的某一块时，方块翻转到背面，显示抽奖中奖信息。看似简单的一个操作过程，却包含着WEB技术的很多知识面，所以本文的读者应该熟...2015-10-21

  • SQLMAP结合Meterpreter实现注入渗透返回shell

    sqlmap 是一个自动SQL 射入工具。它是可胜任执行一个广泛的数据库管理系统后端指印, 检索遥远的DBMS 数据库等，下面我们来看一个学习例子。 自己搭建一个PHP+MYSQ...2016-11-25

  • PHP实现今天是星期几的几种写法

    复制代码 代码如下: // 第一种写法 $da = date("w"); if( $da == "1" ){ echo "今天是星期一"; }else if( $da == "2" ){ echo "今天是星期二"; }else if( $da == "3" ){ echo "今天是星期三"; }else if( $da == "4"...2013-10-04

  • 原生js实现fadein 和 fadeout淡入淡出效果

    js里面设置DOM节点透明度的函数属性：filter= "alpha(opacity=" + value+ ")"（兼容ie）和opacity=value/100（兼容FF和GG）。 先来看看设置透明度的兼容性代码： 复制代码 代码如下: function setOpacity(ele, opacity) { if (...2014-06-07

  • 基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化

    这篇文章主要介绍了基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化的相关知识，主要对比说明在Bootstrap开发中用到的这些技术要点，对此文感兴趣的朋友一起学习吧...2016-05-14

  • Android中用HttpClient实现Http请求通信

    本文我们需要解决的问题是如何实现Http请求来实现通信，解决Android 2.3 版本以后无法使用Http请求问题，下面请看正文。 Android开发中使用HttpClient来开发Http程序...2016-09-20

  • mysql存储过程实现split示例

    复制代码 代码如下:call PROCEDURE_split('分享,代码,片段',',');select * from splittable;复制代码 代码如下:drop PROCEDURE if exists procedure_split;CREATE PROCEDURE `procedure_split`( inputstring varc...2014-05-31

  • css实现文字发光效果方法汇总

    文字发光效果我们可以直接使用css来实现了今天我们来看一篇关于文字发光效果的例子，希望这篇文章能够帮助到各位朋友哦。 前言 我录制的慕课网视频一直没有上线，慕...2016-09-14

  • PHP+Mysql+Ajax+JS实现省市区三级联动

    基本思想就是：在JS动态创建select控件的option,通过Ajax获取在PHP从SQL数据库获取的省市区信息，代码有点长，但很多都是类似的，例如JS中省、市、区获取方法类似，PHP中通过参数不同执行不同的select语句。index.html代码：复制...2014-05-31

  • JS实现程序暂停与继续功能代码解读

    下面代码用JS实现了程序的暂停与继续 复制代码 代码如下: <script type="text/javascript"> /*Javascript中暂停功能的实现 Javascript本身没有暂停功能（sleep不能使用）同时 vbscript也不能使用doEvents，故编写此函数实...2013-10-13

  • PHPCMS实现自动推送URL到百度站长平台

    我们一起来看一篇关于PHPCMS实现自动推送URL到百度站长平台，希望此教程能够帮助到各位朋友。 百度站长平台开放url推送接口，可以使用调用接口的形式主动及时推送u...2016-11-25

  • CSS+JS实现苹果cover flow效果示例

    cover flow效果就一个超级漂亮的图片切换效果了，下面我们来看看CSS+JS实现苹果cover flow效果示例吧，具体的操作步骤细节如下文介绍。 废话不多说, 直接上最终效果...2016-10-02

  • 兼容ie和firefox css alpha实现透明效果

    文章介绍了利用了css hack来实现兼容ie和firefox 的div透明效果,有需要的朋友可以参考一下，好了费话不说多了。 为了实现一些特殊效果，需要将页面元素变透明，本文介...2017-07-06

  • 基于PHP实现假装商品限时抢购繁忙的效果

    最近要做一个项目，有关商品显示抢购的功能。比如我们的网站很带流量，那么成千上万的用户在几秒内同时点你的商品，确实会出现“抢购人数过多，会提示，系统繁忙。 但是呢，大部分网站然而并没有这么牛叉。为了让用户感受到商...2015-10-21

  • Window.Open打开窗体和if嵌套代码

    这篇文章主要介绍了Window.Open打开窗体和if嵌套代码的相关资料,需要的朋友可以参考下...2016-04-18