2013-06-17 36 views
9

Làm cách nào để chèn tệp html bên ngoài vào tệp của tôi?Bao gồm tệp HTML bên ngoài vào một tệp HTML khác

Ví dụ:

<div id="header"> 

     Here show the external HTML code in the file, for example: name.html 

</div> 

Cảm ơn bạn rất nhiều!

+0

Vui lòng kiểm tra câu hỏi tương tự trước khi đưa ra một cái mới, tôi chắc chắn điều này đã được hỏi nhiều lần trước đây. – Ozzy

+0

Nếu có câu hỏi khác có câu trả lời tốt hơn, có thể ai đó vui lòng liên kết với họ không? Cảm ơn –

+0

@kapa Tôi đang bỏ phiếu để mở lại vì (1) câu hỏi được liên kết hỏi về các phương pháp hay nhất và câu hỏi này đặt ra câu hỏi thực tế, (2) câu hỏi được liên kết là về mẫu nói chung và câu hỏi này đặc biệt về việc bao gồm các nội dung của một tệp bên ngoài (có thể có các ứng dụng khác ngoài việc tạo khuôn mẫu), (3) Các câu trả lời cho câu hỏi đó và câu hỏi này hoàn toàn khác với ít nếu có bất kỳ sự trùng lặp nào. – JBentley

Trả lời

8

Bạn đang tìm kiếm thẻ hoặc tốt hơn là ngôn ngữ tạo khuôn mẫu phía máy chủ.

2

iframe element.

<iframe src="name.html"></iframe> 

Nhưng nội dung bạn xuất hiện trên nhiều trang được xử lý tốt hơn using templates.

+0

Nhưng theo cách này tôi thấy mã nguồn, phải không? Vì mục đích của tôi là: đầu trang, trình đơn và chân trang của tôi xuất hiện trong nhiều tệp HTML khác. Để không lặp lại bất cứ lúc nào mã tôi thích viết một HTML cho mỗi phần và sau đó tải nó trong trang (theo cách này bảo trì dễ dàng hơn). – user2467899

+0

"http://stackoverflow.com/a/16132516/19068" - Chỉ khi bạn xem nguồn. – Quentin

+0

"Vì mục đích của tôi là: đầu trang, trình đơn và chân trang của tôi xuất hiện trong nhiều tệp HTML khác". - Sau đó sử dụng mẫu thay vì một tính năng HTML. – Quentin

8

Bạn có thể sử dụng tải jquery cho điều đó.

<script type="text/javascript"> 
$(document).ready(function(e) { 
    $('#header').load('name.html',function(){alert('loaded')}); 
}); 
</script> 

Đừng quên đưa thư viện jquery vào mã trên.

+4

Trong khi kỹ thuật chính xác (điều này sẽ thực sự, tải một tập tin HTML bên ngoài), điều này cũng giống như làm phẫu thuật thận với một backhoe. Kể từ khi câu hỏi thậm chí không được gắn thẻ jQuery, điều này cho thấy đi ra ngoài và nhận được một backhoe cho mục đích rõ ràng của thực hiện phẫu thuật thận - thậm chí tệ hơn. –

21

Một cách khác là sử dụng thẻ đối tượng. Tính năng này hoạt động trên Chrome, IE, Firefox, Safari và Opera. Thông tin

<object data="html/stuff_to_include.html"> 
    Your browser doesn’t support the object tag. 
</object> 

hơn tại http://www.w3schools.com/tags/tag_object.asp

+0

cảm ơn bạn rất nhiều ... tôi không biết về điều này – carinlynchin

+0

Điều này gây ra sự cố với href. Chúng được tải trong khung của đối tượng theo mặc định. Bạn cần đánh dấu mục tiêu href là phụ huynh http://stackoverflow.com/a/1037870/852806 – HockeyJ

+0

thx, đây chính xác là những gì tôi đang tìm kiếm, thx. : D –

Các vấn đề liên quan