通过 iFrame 进行链接

Question

我遇到问题，我尝试单击链接，但无法使用目标：iFrame 的名称打开链接。我不想使用 href 因为我要显示/隐藏 div。

JavaScript：

<script type="text/javascript">
<!--//
function godirect(url, targetname)
{
document.getElementById(targetname).src = url;
//frame[targetname].location.href = url;
}
//-->
</script>

HTML 和 PHP：

$a=0;

echo '<a href="#" onclick="godirect("http://www.google.com", iframe_url'.$a.');">Click Me!</a>';

echo '<iframe class="iframe_url" id="iframe_url'.$a.'"></iframe>';

Answer 1

怎么样

<script type="text/javascript">
function godirect(url, targetname) {
  window.frames[targetname].location = url;
  //OR 
  //window.open(url,targetname);
  return false;
}
</script>

<?PHP 
$a=0;
?>
<a href="#" onclick="return godirect('http://www.google.com', 'iframe_url<? echo $a; ?>');">Click Me!</a>
<iframe class="iframe_url" name="iframe_url<? echo $a; ?>" id="iframe_url<? echo $a; ?>"></iframe>

Answer 2

您必须在 JavaScript 中引用字符串。您正在尝试通过传入尚未定义的变量来获取元素的 id。

您还可以使用与分隔 JS 字符串相同的引号字符来分隔 HTML 属性值。

要使用您正在使用的方法，同时进行最少数量的修复以使其工作：

echo '<a href="#" onclick="godirect("http://www.google.com", "iframe_url'.$a.'");">Click Me!</a>';

不过，使用 JS 首先是一个非常愚蠢的想法，并且当 JS 不可用时，您的实现无法有任何类型的后备可用（这很奇怪，因为您正在采取措施阻止无法识别 将 JS 渲染为内容文本）。

您可以使用纯 HTML 来执行此操作：

<a href="http://www.google.com" 
   target="iframe_url<?php echo htmlspecialchars($a); ?>">
   Click Me!
</a>

我不想使用 href，因为我要显示/隐藏 div。

您可以做到这一点，也可以拥有正常的、功能正常的链接。 建立在有效的基础上。

Answer 3

试试这个：

echo '<a href=\"#\" onclick=\"godirect(\"http:\/\/www.google.com\", iframe_url'.$a.');\">Click Me!</a>';
echo '<iframe class=\"iframe_url\" id=\"iframe_url'.$a.'\"></iframe>';