链接加载到新页面中，而不是iframe中

Question

好的，我已经很长时间没有使用iframe了，但是这个问题是如此基本，以至于我必须缺少一些真正明显的东西。

我有一个页面（页面A），其中包含要在页面A的iframe中打开的链接（指向与父域相同的域/文件夹中的页面B）。

pageA.html：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Page A</title>
</head>
<body>
<a href="/pageB.html" target="tgt">Load ...</a><br>
<iframe id="tgt"></iframe>
</body>
</html>

pageB.html：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Page B</title>
</head>
<body>
<p>This is a test. Should load in iframe.</p>
</body>
</html>

单击链接后，pageB将在新页面中打开（好像没有目标ID），而不是在pageA的iframe中打开。

我究竟做错了什么？

================================================== =======

OK，进行了排序，但是现在我需要使用php生成的JavaScript进行此操作。 这是一个非常小的示例：

pageA.php（父页面）：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Page A</title>

<?php
$srcPage = "/pageB.html";
echo "
<script>
function loadIframe() {
    window.alert('Clicked, loading $srcPage');
    document.getElementById('tgt').attr('src', '$srcPage');
}
</script>
";?>

</head>

<body>
<p id="load" onclick="loadIframe()">[Click me to load] ...</p>
<iframe id="tgt" name="tgt"></iframe>

</body>

</html>

pageB.html（要加载的页面-与之前相同）：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Page B</title>
</head>

<body>

<p>This is a test. Should load in iframe.</p>

</body>
</html>

脚本执行（显示警告），但页面未加载。

谢谢

奈杰尔

Answer 1

您应在iframe中添加属性name="tgt" 。

在iframe中打开链接

对于第二个问题，您将jquery与普通javascript混合在一起。 这是您使用普通javascript更改iframe的src的方式：

document.getElementById('iframeid').src = '$srcPage'

链接加载到新页面中，而不是iframe中

问题描述

1 个解决方案

解决方案1
3 已采纳 2015-05-02 10:45:18

链接加载到新页面中，而不是iframe中

问题描述

1 个解决方案

解决方案1 3 已采纳 2015-05-02 10:45:18

解决方案1
3 已采纳 2015-05-02 10:45:18