zoukankan      html  css  js  c++  java
  • javascript 打开新窗口

    1、直接函数调用法:

    在Body标签之前插入如下代码

    <script LANGUAGE=”JavaScript”>
    <!–
    function openwin(url) {
    window.open (url, “newwindow”, “height=300, width=400, top=200,left=200 toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no”)
    }
    //–>
    </script>

    参数解释:window.open是打开新窗口的命令,其中的参数url是为了传入需要打开的页面;

    newwindow可有可无;

    height是打开窗口的高度;

    width是打开窗口的宽度;

    top是窗口距离显示器顶端的像素数;

    left是窗口距离显示器左边的像素数;

    toolbar设置是否显示工具栏;

    menubar设置是否显示菜单栏;

    scrollbars设置是否显示滚动条;

    resizable设置是否可以调整大小;

    location设置是否显示地址栏;

    status设置是否显示状态栏;

    参数基本上就是这些,下面介绍如何调用。

    如果是想在网页加载时就弹出这种窗口,就在body标签上加入这句代码:

    <body onload=”openwin(’page.html)”>

    其中page.html是你要弹出的那个页面的相对或者绝对地址;

    如果是要在点击超链接时弹出这种窗口,则使用如下代码:

    <a href=javascript:openwin(’page.html’);>测试</a>

    也可以把函数写入js文件,然后引用,具体方法是:

    打开记事本,输入如下代码:

    function openwin(url) {
    window.open (url, “newwindow”, “height=372, width=450, top=200,left=200 , toolbar =no, menubar=no, scrollbars=no, resizeable=no, location=no, status=no”)
    }

    将其保存为show.js,名字可以随便起,在网页中这样引用:

    <script src=”show.js” type=”text/javascript”></script>

    其中src设置的是相对的路径,也可以使用绝对路径。调用的方法和前面是一样的,这中方法适合与很多页面都需要调用这个函数的时候。

    2.

    function openwin(url) {

        var x=this.screen.availHeight-50;

        var y=this.screen.availWidth-10;

      

       var fullstyle=" status=yes,toolbar=no,resizable=no,top=0,left=0,fullscreen=0,width="+y+",height="+x+";";

      

       this.opener=null;

       window.open('','_self');

       this.close();

      

        var date = new Date();

        var strTemp = date.valueOf();

     

       window.open(url,'winName'+ strTemp,fullstyle);
    }

  • 相关阅读:
    对小课堂cpp的用户体验
    面试题 02.07. 链表相交 做题小结
    Leetcode 133. 克隆图 做题小结
    Leetcode 889. 根据前序和后序遍历构造二叉树-105. 从前序与中序遍历序列构造二叉树-106. 从中序与后序遍历序列构造二叉树
    图 的矩阵表示 和邻接表表示
    二叉树 常用函数 小结
    LeetCode 100. 相同的树 做题小结
    LeetCode 897. 递增顺序查找树 做题小结
    Leetcode 814. 二叉树剪枝 做题小结
    Leetcode l872. 叶子相似的树 做题小结
  • 原文地址:https://www.cnblogs.com/si812cn/p/1410205.html
Copyright © 2011-2022 走看看