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);
    }

  • 相关阅读:
    Java转大数据开发全套视频资料
    Java注解Annotation的用法
    SpringBoot集成CAS单点登录,SSO单点登录,CAS单点登录(视频资料分享篇)
    零基础如何学习Java和web前端
    如何看待B站疑似源码泄漏的问题?
    如何自学编程,零基础适合学习Java或者Web前端吗,非科班的能学java吗?
    Spring中常用的注解,你知道几个呢?
    学习分布式系统需要怎样的知识?
    程序员如何学习互联网前言技术呢,我给你10个建议
    回看面试中的这些坑,你踩过几个?
  • 原文地址:https://www.cnblogs.com/si812cn/p/1410205.html
Copyright © 2011-2022 走看看