如何使用 html 在其他框架中编辑 <p> 标记的内容？答案

【问题标题】：How to edit the content of <p> tag in someother frame using html?如何使用 html 在其他框架中编辑 <p> 标记的内容？
【发布时间】：2016-01-26 03:22:08
【问题描述】：

我在网页中创建了两个框架，比如 frame1 和 frame2。当在第 1 帧中按下超链接时，我需要更改第 2 帧中<p> 中的内容。
帮助我如何使用 JavaScript。

我创建了这样的框架：

<frameset cols="20%,*">
    <frame name="frame1" src="list.html">
    <frame name="frame2" src="details.html">
</frameset>

在锚标记中，我给出了：

<a href="details.html" target="frame2">show me details</a>

现在，details.html 包含：

<p id="content">click something in frame 1</p>

我要做的是，当我在第一帧点击“显示详细信息”时，第二帧应该显示文本“现在你已经选择了详细信息”

我尝试使用：

function display(){
    document.getElementById('content').innerHTML="Now you have opt for  details";
}

在 JavaScript 中...但我没有得到编辑后的文本。

【问题讨论】：

这几乎是重复的，那里的解决方案可能对你有用：stackoverflow.com/questions/251420/…
避免使用frameset，HTML5 不支持它。只需使用引导程序做出响应：getbootstrap.com/getting-started :)
@Gavriel 不，它不起作用
见stackoverflow.com/questions/33645685/…
我已经有一段时间没有使用框架集了，但我认为您必须先导航到父框架集，然后再导航到框架。

标签： javascript html

【解决方案1】：

我通过创建default.html、list.html、details.html和details2.html构建了一个测试场景

default.html 实现了框架集。顶部框架的list.html，有两个链接：一个用于详细信息，一个用于详细信息2。 details 和 details2.html 都有，只是有一个标题和文本，将它们标识为 details 或 details2。

default.html

<!DOCTYPE html>
<html>
    <frameset rows="20%,*">
        <frame name="frame1" src="list.html">
        <frame name="frame2" src="details.html">
    </frameset>
</html>

list.html

<!DOCTYPE html frameset DTD>
<html>
<head>
    <title>list page</title>
</head>
<body>
    <h1>List</h1>
    <p>This is the list page.</p>
    <a href="details.html" target="frame2">Details</a>
    <a href="details2.html" target="frame2">Details 2</a>
</body>
</html>

details.html

<!DOCTYPE html>
<html>
<head>
    <title>details page</title>
</head>
<body>
    <h1>Details</h1>
    <p>This is the details page.</p>
</body>
</html>

details2.html 与 details.html 相同，但读取 details2 而不仅仅是 details。

我知道这个答案可能跑题了，因为它是一个不使用 javascript 的直接 html 实现。可根据需要添加 JavaScript。

【讨论】：