zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    设计tag的sql语句,支持每个tag的个数,Access数据库非msSql
    ulObj ul = new ulObj();
    Access 日期比较用 #扩住日期 代码如下
    dw中IMG标记的正则替换
    许涛的 repeater itemCommand 事件代码(经典代码,不难)
    n1视觉图片列表样式[jquery代码][A标记里面一个IMG一个EM]
    flashbox小组件开发~~开源~~
    动态读取一张图片到mc里,读取txt中的内容 flash as 全站flash专题
    简单的jQueryTab 自写的小代码
    flashCs3 按钮事件没了?原来As3已经改为监听模式了!
  • 原文地址:https://www.cnblogs.com/slp-qm/p/4989273.html
Copyright © 2011-2022 走看看