Question

我想在另一个html页面中使用一个html页面的内容... 我有两页 - ＆gt; a.html＆amp; b.html 在a.html我有段ID =＆＃34; a＆＃34;在b.html中我有段落id =＆＃34; b＆＃34; 我想在第二页中访问第一段。你能帮我怎么做吗？

   <!------------a.html--------------------- -->
<html>
<head>
    <title> a.html </title>
</head>
<body>`enter code here`
    <p id="a"> aaa </p>
</body>
</html>
<!------------b.html--------------------- -->
<html>
<head>
    <title> b.html </title>
</head>
<body>
    <p id="b"> bbb </p>
    <script>
        document.getElementById("b").innerHTML = document.getElementById("a").innerHTML;
    </script>
</body>
</html>

Answer 1

试试这个：

var p = $('#a').text();
$('#b').text(p);

但你必须使用ajax来做到这一点。

您可以使用加载功能，然后从页面获取段落的ID。

因为没有ajax，您的其他页面中的内容未被检测到

Answer 2

您可以将其存储在本地存储中

localStorage.text1 = document.getElementById("a").innerHTML;

然后，您可以检索表单本地存储，并将innerHTML用作ID b

document.getElementById("b").innerHTML = localStorage.getItem('text1');

Answer 3

此方法是从服务器获取数据的最简单方法。它大致相当于$ .get（url，data，success），除了它是一个方法而不是全局函数，它有一个隐式回调函数。当检测到成功的响应时（即当textStatus为“success”或“notmodified”时），。load（）将匹配元素的HTML内容设置为返回的数据。这意味着该方法的大多数用途都非常简单：

$( "#result" ).load( "<html resource path>" );

如果选择器没有匹配任何元素 - 在这种情况下，如果文档不包含id =“result”的元素 - 则不会发送Ajax请求。

请查看有关加载方法的更多信息的 http://api.jquery.com/load/

使用另一个HTML页面的内容

3 个答案: