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

  • 相关阅读:
    React Native for Android应用名及图标修改
    如何不使用Navigator空间实现跳转页面?
    ReactNative WebView组件详解
    react-native react-navigation使用
    微信小程序——选择某个区间的数字
    Git分支操作——查看、新建、删除、提交、合并
    Github + Hexo 搭建个人博客
    微信小程序——动态设置swiper的高度
    微信小程序——购物车结算
    解决stackoverflow打开慢的问题
  • 原文地址:https://www.cnblogs.com/si812cn/p/1410205.html
Copyright © 2011-2022 走看看