js window.open()参数与简单实例应用

js window.open()参数与简单实例应用
window.open()方法中,窗口控制参数的详细定义:
alwayslowered innerwidth screeny
alwaysraised left scrollbars
channelmode location status
dependent menubar titlebar
directories outerwidth toolbar
fullscreen outerheight top
height menubar width
hotkeys resizable z-lock
innerheight screenx  

//注册窗口
function openreg()
{
 var x,y;
 x=(screen.width-640)/3;
 y=(screen.height-480)/3;
 window.open("w.asp教程?act=reg&reggoto=","regwindow","toolbar=no,resizable=no,directories=no,status=yes,scrollbars=auto,menubar=no,width=380,height=300,left="+x+",top="+y);
}

//登录窗口
function logins()
{
 var x,y;
 x=(screen.width-640)/3;
 y=(screen.height-480)/3;
 window.open("w.asp?act=logins","regwindow","toolbar=no,resizable=no,directories=no,status=yes,scrollbars=auto,menubar=no,width=300,height=280,left="+x+",top="+y);
}

//会员信息
function memberinfo(id)
{
 var x,y;
 x=(screen.width-640)/3;
 y=(screen.height-480)/3;
 window.open("w.asp?act=member&username="+id,"memberwindow","toolbar=no,resizable=no,directories=no,status=yes,scrollbars=auto,menubar=no,width=380,height=280,left="+x+",top="+y);
}

//发表窗口
function post()
{
 var x,y;
 x=(screen.width-640)/3;
 y=(screen.height-480)/3;
 window.open("post.asp?act=post","regwindow","toolbar=no,resizable=no,directories=no,status=yes,scrollbars=auto,menubar=no,width=616,height=250,left="+x+",top="+y);
}

//编辑
function edit(id)
{
 var x,y;
 x=(screen.width-640)/3;
 y=(screen.height-480)/3;
 window.open("post.asp?act=edit&id="+id,"memberwindow","toolbar=no,resizable=no,directories=no,status=yes,scrollbars=auto,menubar=no,width=616,height=250,left="+x+",top="+y);
}

//删除
function del(id)
{
 var x,y;
 x=(screen.width-640)/3;
 y=(screen.height-480)/3;
 window.open("post.asp?act=del&id="+id,"regwindow","toolbar=no,resizable=no,directories=no,status=yes,scrollbars=auto,menubar=no,width=616,height=250,left="+x+",top="+y);
}

<script language="网页特效"> 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脚本结束

时间: 2024-09-30 08:56:47

js window.open()参数与简单实例应用的相关文章

使用jquery获取url及url参数的简单实例_jquery

使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1.jquery获取url很简单,代码如下: window.location.href; 其实只是用到了javascript的基础的window对象,并没有用jquery的知识. 2.jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情 首先看看单纯的通过javascript是如何来获取url中的某个参数: //获取url中的参数 function getUrlP

js实现楼层效果的简单实例_javascript技巧

今天自己写个楼层效果,有一点烦躁,小地方犯错误.各位大神来修改不足啊!!! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>楼层切换</title> <style> *{padding: 0;margin: 0;} li{list-style: none;} .main img{width:

JQuery Ajax WebService传递参数的简单实例_jquery

Asp.NET中利用jQuery实现Ajax时,在服务器端可以使用aspx,ashx,以及WebService等方式.最近研究了一下WebService方式,jQuery Ajax 方法调用 jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码这篇帖子给出了很详细的例子,不过没有给出详细解释.其中有几个细节问题开始没注意,费老劲才调通: 1)客户端data数据中的key字段名称必须和服务器端方法参数严格一致. 如客户端: //有参数调用 $(document).r

JS 日期比较大小的简单实例

 本篇文章主要是对JS日期比较大小的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1,比较日期大小的js代码  代码如下: <script> var beginDate=$("#beginDate").val();    var endDate=$("#endDate").val();    var d1 = new Date(beginDate.replace(/-/g, "/"));    var d2 = n

JS获取checkbox的个数简单实例_javascript技巧

JS获取多选框checkbox被选中的个数. var checkbox = document.getElementsByName("likes[]"); //此处通过此种方式才能获得多选框为数组. //like为name = "like[]" , 获得时必须加上[] var checked_counts = 0; for(var i=0;i<checkbox.length;i++){ if(checkbox[i].checked){ //被选中的checkbo

JS添加删除DIV的简单实例_javascript技巧

JS添加删除DIV的简单实例 function addDiv(w,h){ //如果原来有"divCell"这个图层,先删除这个图层 deleteDiv(); //创建一个div var my = document.createElement("divCell"); //添加到页面 document.body.appendChild(my); //通过样式指定该div的位置方式,若是想要自己设置div的位置,这句话必须有,把它注释掉你就可以知道效果拉~试试看 my.s

js实现弹窗居中的简单实例_javascript技巧

在一些页面中,我们总会遇到一些弹窗不居中的时候,还要根据浏览器的大小来调整弹窗的弹出位置, 之前我也遇到这样的问题,现在我把我知道的呈现给大家 css样式 .windowBox{ width:500px; } .mid-tanBox{ position: fixed; top: 50%; left: 50%; margin-left: -250px; background: #fff; border:1px solid red; display:none } html代码 <div class=

JS 数字转换为大写金额的简单实例_javascript技巧

JS 数字转换为大写金额的简单实例 function DX(n) { if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) return "数据非法"; var unit = "千百拾亿千百拾万千百拾元角分", str = ""; n += "00"; var p = n.indexOf('.'); if (p >= 0) n = n.substring(0, p) + n.substr(p+1,

原生js的数组除重复简单实例_javascript技巧

js对数组的操作在平常的项目中也会遇到,除去一些增加,或者减少的操作外,还有一个比较重要的操作就是数组的除重,通过数组的除重,我们可以将一个数组中存在的多个重复的数组进行清理,只留下不重复的.另外下面我介绍一种原生就s的数组除重方法. Array.prototype.check= function(){ for(var i=0;i<this.length;i++){ for(var j=i+1;j<this.length;j++){ if(this[i]==this[j]){ this.spl