У меня есть 2 разных статических html-страницы (a.html и b.html), и я хочу скопировать содержимое этих 2 html-страниц на страницу c.html. Я прошел через это Link. Любое решение, как я могу скопировать два содержимого html-страниц на одну страницу?Скопируйте два разных содержимого html-страниц на одну страницу
Любой JQuery или JavaScript логика ??
Вы можете использовать jquery. Например:
$("#a").load("article.html");
$("#b").load("article2.html");
или с помощью функции append(), если вы не хотите разделить контент. Что-то вроде этого ...
Имейте контейнер div на вашем c.html. Вы хотите иметь контейнер для каждого содержимого html, чтобы вы могли указать местоположение добавляемого html.
<div id="container">
<div id="a">
</div>
<div id="b">
</div>
</div>
Make 2 Аякса требует, чтобы добавить содержимое a.html и b.html
$("#a").append($.get("/a.html"));
$("#b").append($.get("/b.html"));
Это, конечно, гораздо проще сделать с помощью стороны сервера, но если вы хотите, чтобы это было все передним концом это будет работать ,
HTML-рамы могут использоваться для разбиения веб-страницы, чтобы вы могли загружать несколько HTML-файлов или страниц на одну веб-страницу. Это заставит веб-браузер отображать сразу несколько страниц. Общим примером такого метода, который я хотел бы использовать, является отображение индекса документа в левой части окна браузера с описаниями и ссылками, поэтому, когда читатель нажимает на ссылку, эта страница отображается в правой части окна браузера.
<html>
<head>
<title>Multiple pages in one page</title>
<head>
<frameset border="1" cols="200,*" frameBorder="0" frameSpacing="4">
<noframes>
<body>
<p>
You should include HTML here to support webcrawlers and browsers that don't support frames.
You may want to include a second copy of your index, and set your wallpaper and colors
in the BODY statement above the same as you would in your index file.
</p>
</body>
</noframes>
<frame name="left" src="htmlindex.html">
<frame name="right" src="htmlintroduction.html">
</frameset>
</html>
Почему бы вам не создать его на стороне сервера? – messerbill
Как сказал @messerbill, серверное поколение - ваш друг. Если вы не можете этого сделать, возможно, сделать запрос AJAX на сервер для 'a.html' и' b.html' и объединить их, а затем добавить в какой-либо контейнер в 'c.html'? – Aeolingamenfel
http://api.jquery.com/jquery.ajax/ – Pete