1

这是我的html：

<!DOCTYPE html>

<html>
    <head>
        <title>Free Jokes!</title>
        <meta charset="utf-8">
        <link href="final%20project.css" rel="stylesheet">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    </head> 

    <body>


        <div id="left"></div>
        <script type="text/javascript">
        $(document).ready(function() { 
        $('#left').load("left.html");
        });
        </script>

        <div id="right"></div>
        <script type="text/javascript">
        $(document).ready(function() { 
        $('#right').load("right.html");
        });
        </script>
    </body>
</html>

html 可以正常打开，但是我的左右 html 文档没有显示出来。这可能是由于没有正确输入代码。我做错了什么吗？

有没有什么方法可以在不使用 iframe 的情况下引用我的左右 html 文档？

4

1 回答 1

0

load 函数尝试对指定的位置进行 ajax 调用（请记住，在 JavaScript 中，我们在客户端上），因此除非您指定绝对 URL，否则它不会从正确的位置检索。此外，假设 left.html 和 right.html 是完整的文档，包括 doctype<head>等，这将产生无效的 HTML。

尝试以下操作：

<html>
    <head>
        <title>Free Jokes!</title>
        <meta charset="utf-8">
        <link href="final%20project.css" rel="stylesheet">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    </head> 

    <body>

        <iframe id="left" frameborder="0" style="border: 0;" src="left.html"></iframe>
        <iframe id="right" frameborder="0" style="border: 0;" src="right.html"></iframe>

    </body>
</html>

虽然它并不完美，但它至少应该正确显示页面。

于 2013-07-26T22:35:12.083 回答