• Easyui弹出窗体在iframe的父级页面显示


    今天做EasyUI学习的预到了一个这样的问题:通过iframe加载的一个页面在调用$.messager.alert();这个方法后只能在iframe中显示alert效果而不是在全局的页面上显示这并不我要的效果:经过查找解决方法如下:

    演示页面:

    iframemessager.html代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>EasyUI 初步 -iframe窗口</title>
    <!-- easyUI必须引入的文件 S -->
    <link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css"/>  
    <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css"/> 
    <script type="text/javascript" src="../easyui/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="../easyui/locale/easyui-lang-zh_CN.js"></script> 
    <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>
    <!-- easyUI必须引入的文件 E -->
    </head>
    <body>
        <iframe scroll="no" frameborder="2" src="messager.html" style="margin:20px;400px;height:400px;"</iframe>
    </body>
    </html>

    子页面messager的页面代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>EasyUI 初步 -iframe弹出messager</title>
    <!-- easyUI必须引入的文件 S -->
    <link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css"/>  
    <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css"/> 
    <script type="text/javascript" src="../easyui/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="../easyui/locale/easyui-lang-zh_CN.js"></script> 
    <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>
    <!-- easyUI必须引入的文件 E -->
    </head>
    <body>
        <a href="#" class="easyui-linkbutton" style="margin:20px" onclick="msg()">弹出提示</a>
        <script type="text/javascript">
            function msg(){
                parent.$.messager.alert('操作提示','提示的内容');
            }
        </script>
    
    
    
    </body>
    </html>

    注:在本地测试下IE浏览器是没有任何的安全问题的,但是在webkit内核的浏览器(包括Chrome、搜狗、360、猎豹、遨游等)都会提示如下的错误

    image

    经过查找后:原因是因为webkit内核浏览器的本地安全问题所导致的,解决的方法很容易就是把对应的页面放在服务器下就行了,如IIS、Tomcat就不会出现了!

  • 相关阅读:
    打开fiddler之后,python写的爬虫无法正常运行
    Fiddler抓包https失败踩坑
    python 报错 name is not defined
    HttpWebRequest爬虫问题汇总
    Navicat Premium 16 for Mac 最新版
    CentOS升级polkit版本,解决 Linux Polkit 存在权限提升的漏洞 (CVE20214034)
    Nginx Proxy Manager
    docker tar.gz
    C# HttpClientHandle
    nginx joplin
  • 原文地址:https://www.cnblogs.com/zxdBlog/p/3343607.html
Copyright © 2020-2023  润新知