Question

我在网页中创建了两个框架，比如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>

我要做的是当我点击第1帧中的“显示详细信息”时，第2帧应显示“现在您已选择了详细信息”

我尝试使用：

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

在JavaScript中

但我没有得到编辑过的文本。

Answer 1

我通过创建default.html，list.html，details.html和details2.html

构建了一个测试场景

default.html实现了框架集。 list.html for top frame，有两个链接：一个用于详细信息，一个用于details2。细节＆amp; details2.html两者，只有一个标题和文本，将它们标识为详细信息或详细信息2.

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相同，但是只读取详细信息2而不只是详细信息。

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

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

1 个答案: