• javascript window.showModalDialog不兼容goole解决方案


    window.showModalDialog不兼容goole解决方案

    一.弹框方案:

    1.window.open;

    2.window.showModalDialog;

    3.div制作窗口;(本节忽略)

    二.参数:

    1.window.open参数解释:

    /*

    *常用参数:

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

    */

    2.window.showModalDialog参数解释:

    /*

    *showModalDialog常用参数:

      1.dialogHeight: 对话框高度,不小于100px
      2. dialogWidth: 对话框宽度。
      3. dialogLeft: 离屏幕左的距离。
      4. dialogTop:    离屏幕上的距离。
      5. center:  { yes | no | 1 | 0 } :是否居中,默认yes,但仍可以指定高度和宽度。
      6. help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。
      7. resizable:  {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。
      8. status:{yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[Modeless]或no[Modal]。
      9. scroll:{ yes | no | 1 | 0 | on | off }:是否显示滚动条。默认为yes。

    */

    三.兼容:

    Chrome 37也禁用了对showModalDialog的默认支持。

    //可以通过这个判断

    if(window.showModalDialog==undefined){
    window.open(url,"","height=500, width=860,top=270,left=530");

    }else{

    window.showModalDialog(url,860,500,"","","","",false);

    }

     

     

  • 相关阅读:
    Vue- 对象语法 v-bind:class与对象语法的使用(重要)
    关于vue中$emit事件问题
    深入理解vue.js2.0指令v-for使用及索引获取
    到底vuex是什么?
    Vue.js学习系列二 —— vuex学习实践笔记(附DEMO)
    前端HTML5几种存储方式的总结
    JSON和JS对象之间的互转
    Vue2.0子父组件通信
    C#字符串和16进制转换
    C#中int32 的有效值范围
  • 原文地址:https://www.cnblogs.com/zlp520/p/4662437.html
Copyright © 2020-2023  润新知