HTML 下拉菜单，强制 URL 在 iframe 之外打开答案

【问题标题】：HTML DropDown menu, force URL to open outside of the iframeHTML 下拉菜单，强制 URL 在 iframe 之外打开
【发布时间】：2013-02-01 21:17:16
【问题描述】：

<html>
<head>
<script>
 function goToPage(url)
 {
 if (url != "")
 {
 .open(url);
 }
 }
</script>
</head>
<center>
<h2>This feature is coming soon</h2>
<form name="jump">
<p align="center">
<select name="menu">
<option value="URL">*New Offers*</option>
<option value="URL">100% Free Surveys</option>
<option value="URL">*CPM*</option>
<option value="URL">*CPC*</option>
<option value="URL">UK Offers</option>
<option value="URL">AU Offers</option>
<option value="URL">CA Offers</option>
<option value="URL">International Offers</option>
<option value="URL">GPT/PTS/PTC</option>
<option value="URL">1st Page/Email Submits</option>
<option value="URL">1ClickFamily</option>
<option value="URL">Registration Offers</option>
<option value="URL">Downloads</option>
<option value="URL">Purchases/Trials</option>
<option value="URL">Daily Surveys</option>
<option value="URL">Absolute Rewards</option>
<option value="URL">Weekly Surveys</option>
<option value="URL">Survey Panels</option>
<option value="URL">Mobile/Pin Submits</option>
<option value="URL">WinningSurveys</option>
<option value="URL">Monthly Surveys</option>
<option value="URL">Insurance Quotes</option>
<option value="URL">ZZZQuiz</option>
<option value="URL">*Content Unlocker</option>



</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
</p>
</form>
</center>
</html>

您好，我创建了一个下拉菜单，它将位于我网站每个页面的 iframe 中。如何使链接在主窗口而不是 iframe 中打开？例如，在一个普通的文本链接中，你会使用 target='_parent'...我可以在这个脚本中使用什么类似的函数？

谢谢

【问题讨论】：

标签： php html drop-down-menu menu navigation

【解决方案1】：

你不能。如果可以，它将违反 iFrame 规范。由于 IFrame 可以是跨域的，因此在这种情况下允许 IFrame 控制其他窗口（主窗口）很简单 - 跨站点...如果有人发现你是 hack。我想知道。

【讨论】：

【解决方案2】：

你会使用 Javascript

function goToPage(url) {
    document.location=url;
}

祝你好运！

让我解释一下。您在“父”页面中创建此函数并从 iFrame 调用它。这有意义吗？

【讨论】：

【解决方案3】：

<script>
 function openInParent(url)
 {
  window.parent.parent.window.location = url;
 }
</script>

<input type="button" onClick="openInParent(document.jump.menu.options[document.jump.menu.selectedIndex].value);" value="GO">

【讨论】：

【解决方案4】：

只是为了扩展上一个答案...

我有一个应用程序，它有多个 iframe，需要对另一个 iframe 中发生的操作做出反应，包括单击一个 iframe 导致另一个 iframe 加载不同的页面，就像您需要的那样。

就我而言，我有一个包含 2 个 iframe 的父文档。在一个 iframe 中，我将 onclick 设置为调用父页面上的函数，然后父页面上的该函数将更改目标 iframe 的内容。

如果您只处理一个页面和一个 iframe，那么您可以简单地将 GoToURL 函数移动到主页面（父级），然后从 iframe 调用该函数（parent.GoToURL(whatever);）。这样您就可以根据该 iframe 中的操作导航到其他页面。

【讨论】：