js范例学习——窗口/框架与导航条设计之弹出窗口设置

1、弹出窗口设置

在JS中,可以使用window对象实现对窗口的控制。

window常用方法:

alert();弹出一个警告对话框;

confirm();在确认对话框中显示指定的字符串;

prompt();弹出一个可输入对话框;

close();关闭被引用的窗口;

foucus();将被引用的窗口放在所有打开窗口的最前方,成为焦点窗口;

open();打开新的窗口并且显示由URL或名字引用的文档,可以创建窗口的属性;

resizeTo(x,y);设置窗口的大小;

resizeBy(offsetx,offsety);按照指定的位移量设置窗口的大小。

窗口设置的可选参数:

width="":窗口的宽度;

height="":窗口的高度;

scrollbars :是否显示滚动条;

resizable:设置窗口大小是否固定;

toolbar:浏览器工具条,包括后退前进按钮;

menubar:菜单条,一般包括有文件、编辑及一些其他条目;

location:地址栏,是可以输入URL的浏览器文本区;

direction:更新信息的按钮。

2、示例

(1)定时打开窗口

function openWindow(){

  window.open("news.html","news","width=400,height=300,toolbar,menubar,scrollbars,resizable,status,location,directories,copyhistory")

}

setTimeout("openWindow",3000);

(2)自动关闭窗口(在弹出的窗口中进行操作)

<body onload="window.setTimeout('window.close()',2000)">

 (3)窗口居中(moveTo将窗口移动到指定坐标(x,y)处)

function manage(){

  var hde = window.open("news.html","news","width=322,height=148");

  width = screen.width;

  height = screen.height;

  hde.moveTo((width-322)/2,(height-148)/2);

}

(4)弹出窗口的cookie控制(在弹出窗口调用函数 <body onload="loadPop">)

function openWindow(){

  window.open("news.html","","width=322,height=248");

}

function getCookie(name){

  var search = name+"=";

  var returnValue = "";

  var offset,end;

  if(document.cookie.length>0){

    offset = document.cookie.indexOf(search);

    if(offset != -1){

      offset +=search.length;

      end = document.cookie.indexOf(";",offset);

      returnValue = unescape(document.cookie.substring(offset,end));

    }

  }

  return returnValue;

}

function loadPop(){

  if(getCookie("pop")==""){

    openWindow();

    var today = new date();

    var time = "Sunday,1-jan-"+today.getYear()+1+"23:59:59 GMC";

    document.cookie = "pop=yes;expires="+time;

  }

}

(5)关闭弹出窗口是刷新父窗口(在弹出窗口中进行操作)

<input type="button" value="关闭" onclick="closeFresh">

js代码:

function closeFresh(){

  alert("关闭子窗口");

  window.opener.location.reload();

  window.close();

}

说明:opener属性返回的是窗口对象,返回的是父窗口,通过该属性可以访问父窗口对象中的方法和属性。

(6)IE关闭窗口时不提示是否关闭窗口(window对象的opener属性将关闭的IE窗口的打开窗口设置为null,然后再执行关闭窗口命令,就不会出现弹出窗口)

<a href="#" onclick="window.opener=null;window.close();">关闭系统</a>

原文地址:https://www.cnblogs.com/slp-qm/p/4989273.html