zoukankan      html  css  js  c++  java
  • js弹出对话框的方法总结

    1、最基本的js弹出对话框窗口代码

    <script LANGUAGE="javascript"> 
    
    window.open (" 地址 ") 
    
    </script>

    2、增加属性设置的js弹出对话框代码

    <script LANGUAGE="javascript"> 
    
    window.open("page.html", "newwindow","height=100, width=400, top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no,status=no") 
    //写成一行 
    
    </script>

    window.open          弹出新窗口的命令; 
    "page.html"            弹出窗口的文件名; 
    "newwindow"         弹出窗口的名字(不是文件名),非必须,可用空""代替; 
    height=100            窗口高度; 
    width=400             窗口宽度; 
    top=0                    窗口距离屏幕上方的象素值; 
    left=0                     窗口距离屏幕左侧的象素值; 
    toolbar=no            是否显示工具栏,yes为显示; 
    menubar,scrollbars 表示菜单栏和滚动栏。 
    resizable=no        是否允许改变窗口大小,yes为允许; 
    location=no          是否显示地址栏,yes为允许; 
    status=no             是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

    3、用函数控制js弹出对话框窗口

    <script LANGUAGE="javascript"> 
    
    function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar= no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") } 
    
    </script>

    这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途

    调用方法

    <body onload="openwin()"> 
                                                --浏览器读页面时弹出窗口。
    
    <body onunload="openwin()">
                                                --浏览器离开页面时弹出窗口。
    
    <a href="#" onclick="openwin()">打开一个窗口</a> 
                                               --用一个连接调用,使用的“#”是虚连接。
    
    <input type="button" onclick="openwin()" value="打开窗口">
                                                --用一个按钮调用。
  • 相关阅读:
    HDU-5514 Frogs 容斥
    2019ICPC EC-FINAL H-King 随机
    2019ICPC EC-FINAL E-Flow 贪心
    洛谷P4200 千山鸟飞绝 Splay
    CodeForces 1249F Maximum Weight Subset 树形dp
    HDU-5534 Partial Tree 完全背包优化
    【数论】Lucas定理
    [APIO2009]抢掠计划 解题报告
    tarjan(缩点)
    树状数组总结
  • 原文地址:https://www.cnblogs.com/Tanghongchang/p/7097438.html
Copyright © 2011-2022 走看看