Javascript 如何打开不同div之间的超链接_Javascript_Html

Javascript 如何打开不同div之间的超链接

javascript html

Javascript 如何打开不同div之间的超链接,javascript,html,Javascript,Html,如果这是一个新手问题，请原谅我——但不幸的是，这就是我我有一个index.html，包含两个div（id的A和B）。在主页上，我可以单击要在div#a中打开的链接，使用以下命令： <a href=page_to_open_in_A.html onClick="load_A(this); return false;">link in index</a> function load_A(page) { parsedhtml='<object type

如果这是一个新手问题，请原谅我——但不幸的是，这就是我

我有一个index.html，包含两个div（id的A和B）。在主页上，我可以单击要在div#a中打开的链接，使用以下命令：

<a href=page_to_open_in_A.html onClick="load_A(this); return false;">link in index</a>

function load_A(page)
    {
    parsedhtml='<object type=text/html data="'+page.href+'"><\/object>';
    document.getElementById("A").innerHTML=parsedhtml;
    }

以及文件one.html：

<html>
<head>
<script src="funs.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

Contents of one.

<a href=two.html onClick="load_B(this); return false;">link_to_B</a>

</body>
</html>


一本书的内容。

和2.html：

<html>
<head>
<script src="funs.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

Contents of two

</body>
</html>


两个项目的内容

再次感谢你的帮助

如果您没有收到javascript错误，则可能意味着您的脚本正在捕获其他元素。检查整个html页面，确保页面上没有id为“B”的任何其他元素（不仅仅是div）

另外，确保没有任何格式错误的html。DOM中不存在缺少或不匹配的结束标记和div#B

如果您可以发布与div相关的完整html，这也会有所帮助。

如果您没有收到javascript错误，则可能意味着您的脚本正在捕获其他元素。检查整个html页面，确保页面上没有id为“B”的任何其他元素（不仅仅是div）

另外，确保没有任何格式错误的html。DOM中不存在缺少或不匹配的结束标记和div#B

如果您可以发布与div相关的完整html，这也会有所帮助。

经过多次尝试和明智的谷歌搜索，我意识到我的

load_B（）

函数应该在当前div的父级中查找元素id：

function load_B(page)
    {
    parsedhtml='<object type=text/html data="'+page.href+'"><\/object>';
    parent.document.getElementById("B").innerHTML=parsedhtml;
    }

功能加载（第页）
{
parsedhtml=''；
parent.document.getElementById（“B”）.innerHTML=parsedhtml；
}

经过多次尝试和错误以及一些明智的谷歌搜索，我意识到我的

load_B（）

函数应该在当前div的父级中查找元素id：

function load_B(page)
    {
    parsedhtml='<object type=text/html data="'+page.href+'"><\/object>';
    parent.document.getElementById("B").innerHTML=parsedhtml;
    }

功能加载（第页）
{
parsedhtml=''；
parent.document.getElementById（“B”）.innerHTML=parsedhtml；
}

我假设您为div提供了正确的id？是的，我反复检查过了。你是说我的方法是正确的吗？看起来两个div都在上面。在#B的CSS中添加z-index:100，它应该会显示在A@Julien：谢谢，但是添加z索引似乎没有任何区别。我看不出当div在CSS中的位置不同时，它们是如何相互重叠的。我假设您为div提供了正确的id？是的，我（反复）检查过了。你是说我的方法是正确的吗？看起来两个div都在上面。在#B的CSS中添加z-index:100，它应该会显示在A@Julien：谢谢，但是添加z索引似乎没有任何区别。我看不出当div在CSS中的位置不同时，它们是如何相互重叠的。谢谢，但我看不出任何明显的错误。我在我的原始问题中添加了一个最小的例子（使用html和css）。谢谢，但我看不出任何明显的错误。我在原来的问题中添加了一个最小的示例（使用html和css）。

<html>
<head>
<script src="funs.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

Contents of two

</body>
</html>

function load_B(page)
    {
    parsedhtml='<object type=text/html data="'+page.href+'"><\/object>';
    parent.document.getElementById("B").innerHTML=parsedhtml;
    }