Cách tải các div từ trang 2 vào trang 1 với JavaScript.
Page2.html
title
this is content2
this is content3
Tôi muốn nhận và sử dụng ID Content2 từ Trang2 để tạo Div vào Trang1 với nội dung của div đó, sau khi liên kết được nhấp và xóa và làm tương tự với Content3, Content4 và liên tiếp.
Page1.html
title
this is content1
get content
Và sau đó sẽ như vậy.
title
this is content1
this is content2
this is content3
Tôi là người mới ở JavaScript và tôi không có Ideia làm thế nào để làm điều đó. Nếu ai đó có thể giúp đỡ. Cảm ơn.
Đã chỉnh sửa: Tôi muốn một cách chỉ để làm điều đó với JavaScript và không có jQuery nếu điều đó thực sự có thể. Tôi muốn dự án của mình hoạt động ngoại tuyến và tôi không thể làm điều đó với jQuery, vì nó không hoạt động. Tôi đã tải xuống plugin jQuery và dán nó vào thư mục của mình, nhưng, cũng không hoạt động.
Trong một dự án gần đây, tôi cần tải biểu mẫu trên một trang liên hệ trong một cửa sổ phương thức trên một trang khác. Đó là một thứ gì đó mà bạn đã chuyển sang JQuery, nhưng tôi muốn cho thấy bạn có thể đạt được hiệu ứng tương tự với JavaScript bản địa. Cách tiếp cận này sử dụng API web XMLHTTPREQUEST. Mặc dù API này được hỗ trợ trở lại IE 7, các yêu cầu HTML chỉ được hỗ trợ trong IE10 và cao hơn. Phương pháp dưới đây bao gồm một bài kiểm tra tính năng và won chạy trong các trình duyệt không được hỗ trợ.HTML không đồng bộ
/**
* Get HTML asynchronously
* @param {String} url The URL to get HTML from
* @param {Function} callback A callback funtion. Pass in "response" variable to use returned HTML.
*/
var getHTML = function [ url, callback ] {
// Feature detection
if [ !window.XMLHttpRequest ] return;
// Create new request
var xhr = new XMLHttpRequest[];
// Setup callback
xhr.onload = function[] {
if [ callback && typeof[ callback ] === 'function' ] {
callback[ this.responseXML ];
}
}
// Get the HTML
xhr.open[ 'GET', url ];
xhr.responseType = 'document';
xhr.send[];
};
Để thay thế toàn bộ nội dung của một trang bằng nội dung từ một trang khác, bạn sẽ làm điều này:
getHTML[ '/about', function [response] {
document.documentElement.innerHTML = response.documentElement.innerHTML;
}];
Bạn cũng có thể nhận các yếu tố cụ thể trên trang bằng cách xử lý biến response
giống như cách bạn sẽ làm phần tử document
trên bất kỳ trang nào khác.
getHTML[ '/about', function [response] {
var someElem = document.querySelector[ '#some-elem' ];
var someOtherElem = response.querySelector[ '#some-other-elem' ];
someElem.innerHTML = someOtherElem.innerHTML;
}];