Question

我对基于网络的资料有点新意，所以请耐心等待。

我的本地驱动器上有两个html页面。 Test1.html和test2.html。

我如何获取test2.html的内容并将它们放入test1.html的正文中？

我已经研究过使用w3IncludeHTML();以及jQuery .load()

等内容

Test1.html

<!DOCTYPE html>
<html>
    <head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    </head>
    <body>
    <p id="text"></p>

    <script type="text/javascript">
    $('#text').load("test2.html");
    </script>

    </body>
</html>

Test2.html

<ul class='myclass'>
    <li>test li one</li>
    <li>test li two</li>
    <li>test li three</li>
</ul>

Answer 1

根据我们的聊天：

http://chat.stackoverflow.com/rooms/131606/discussion-between-brandon-and-fred-ii

您需要以管理员身份运行它，因为这是Windows 7下的权限问题。

Answer 2

我会尝试jquery / ajax方法：

Test1.html

    <!DOCTYPE html>
    <html>
    <head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    </head>
    <body>
    <p id="text"></p>    
</body>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
    $.ajax({
        type:'post',
        url:'get_file_contents.php',
        data:'file=Test2',
        success:function(content){
            var content = $.trim(content);
            $('#text').append(content);
        }
    });
    </script>
</html>

这是＆＃34; get_file_contents.php＆＃34;

的示例

<?php
    $file=$_POST["file"].".html";
    $file_content=file_get_contents($file);

    echo $file_content;
?>

此示例假定：

您的网络服务器正在运行php
所有3个文件（Test1.html，Test2.html和get_file_contents.php都在同一个文件夹中）。

希望能帮到你

Answer 3

您的浏览器阻止此操作，因为“安全”。如果您打开浏览器的（JavaScript）控制台，毫无疑问会发现如下错误：

正如您在评论中所提到的，唯一的解决方案是在本地运行Web服务器并使用http [s]：//架构。

将html代码从一个页面插入另一个html页面

3 个答案: