使用JavaScript从另一个页面获取内容_Javascript_Html_Css

使用JavaScript从另一个页面获取内容

javascript html css

使用JavaScript从另一个页面获取内容,javascript,html,css,Javascript,Html,Css,如何使用JavaScript将div从第2页加载到第1页页面2.html <html> <head> <title> title </title> <body> <div id="main"> <div id="content2"> this is content2</div> <div id="content3"> this is content3</div> </d

如何使用JavaScript将div从第2页加载到第1页

页面2.html

<html>
<head>
<title> title </title>
<body>
<div id="main">
<div id="content2"> this is content2</div>
<div id="content3"> this is content3</div>
</div>
</body>
</html>


标题
这是内容2
这是内容3

我想在单击并删除链接后，从page2获取id content2并使用它在page1中创建一个包含该div内容的div，然后依次对content3、content4和content3执行相同的操作

页面1.html

<html>
<head>
<title> title </title>
<body>
<div id="main">
<div id="content1"> this is content1</div>
<a href="#"> get content</a>
</div>
</body>
</html>


标题
这是内容1

然后就是这样

<html>
<head>
<title> title </title>
<body>
<div id="main">
<div id="content1"> this is content1</div>
<div>this is content2</div>
<div>this is content3</div>
</div>
</body>
</html>


标题
这是内容1
这是内容2
这是内容3

我是JavaScript新手，我不知道怎么做。如果有人能帮忙。谢谢

编辑：如果可能的话，我想要一种只使用javascript而不使用jquery的方法。我想让我的项目离线工作，但我不能用jquery这样做，因为它不工作。我已经下载了jquery插件并将其粘贴到我的目录中，但是，它也不起作用。

您可以使用JavaScript、jquery和AJAX的组合来实现这一点

首先，包括jQuery库：

然后编写一个类似于此的JavaScript函数，该函数将用Page2.html文件替换div元素的html内容：

var loadNewContent=函数{
$.ajax（“Page2.html”{
成功：功能（响应）{
$（“#content2”）.html（回复）；
}
}); 
};

然后您需要一些“触发器”来运行此函数，例如：

$（“#content2”）。在（'click'，loadNewContent）；

希望这能有所帮助。

我使用javascript和jquery编写了一个名为ViaJS的小库。它基本上允许您将内容（如div）从源加载到页面。看看吧

查阅表格和过账可能重复。然后研究jQuery

.post（）

或

AJAX

方法。这些应该可以帮助你开始。。。