目标主窗口从iframe在HTML中

Targetting main window from iframe in HTML

本文关键字：HTML iframe 窗口 目标      更新时间：2023-09-26

我在aspx页面中有2个iframe，在其中一个iframe中，我正在加载一个新的aspx页面，并且我有我的画廊图像。我已经插入pirobox弹出插件加载每个图像弹出。我的问题是，弹出是加载在iframe本身，我希望弹出覆盖整个屏幕，以便更大的图像可以查看没有滚动在iframe查看它作为一个整体。请帮我解决这个问题。我是否需要在Javascript中或锚标记本身的某些地方进行更改。

我的主页:

 <html>
<head>
<title></title>
</head>
<body>
<iframe src="C:'Users'guruprasadr'Downloads'pirobox_extended'demo.html" style="margin-left:50px" height="600px" width="700px"></iframe>
</body>
</html>

这是demo.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pirobox Extended</title>
<link href="css_pirobox/style_1/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/css.css"/>
<link rel="stylesheet" type="text/css" href="content/css/default.css"/>
<link rel="stylesheet" type="text/css" href="css/sansation/stylesheet.css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="js/pirobox_extended.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $().piroBox_ext({
    piro_speed : 700,
        bg_alpha : 0.5,
        piro_scroll : true // pirobox always positioned at the center of the page
    });
});
</script>
</head>
<body>
<div class="demo">
<ul>
    <li>
        <a href="img/26.jpg" rel="gallery"  class="pirobox_gall" title="Curious kitten.">
            <img src="img/26s.jpg"  />
        </a>
    </li>
<li><a href="Images/300vsSA-Getty.jpg" rel="gallery"  class="pirobox_gall" title="Lights"><img src="img/27s.jpg"  /></a></li>
<li><a href="img/29.jpg" rel="gallery"  class="pirobox_gall" title="Sun salutation."><img src="img/29s.jpg"  /></a></li>
<li><a href="img/30.jpg" rel="gallery"  class="pirobox_gall" title="Bonfire"><img src="img/30s.jpg"  /></a></li>
</ul>
</div>
</body>
</html>

如果你加入它而不是框架呢?

<!-- #Include virtual="C:'Users'guruprasadr'Downloads'pirobox_extended'demo.html" -->

如果你这样做，只包括在<body>标签和Js/CSS <link>之间的内容

您是否尝试使用parent.window在iframe和主文档之间进行交互?从iframe

访问父窗口的元素
相关文章：