2013-06-17 9 views
9

मैं अपनी फ़ाइल में बाहरी HTML फ़ाइल कैसे डाल सकता हूं?बाहरी HTML फ़ाइल को अन्य HTML फ़ाइल में शामिल करना

उदाहरण के लिए:

<div id="header"> 

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

</div> 

आपको बहुत बहुत धन्यवाद!

+0

पर

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

अधिक जानकारी के लिए एक नया करने से पहले इसी तरह के सवाल की जांच करें, मुझे यकीन है कि यह कई बार कहा गया है से पहले कर रहा हूँ। – Ozzy

+0

यदि ऐसे कोई अन्य प्रश्न हैं जिनके पास बेहतर उत्तर हैं, तो क्या कोई उन्हें लिंक कर सकता है? धन्यवाद –

+0

@ कपा मैं फिर से खोलने के लिए मतदान कर रहा हूं क्योंकि (1) जुड़ा हुआ प्रश्न सर्वोत्तम प्रथाओं के बारे में पूछता है और यह एक व्यावहारिक सवाल पूछता है, (2) जुड़ा हुआ प्रश्न आम तौर पर टेम्पलेट्स के बारे में है और यह विशेष रूप से है बाहरी फ़ाइल की सामग्री को शामिल करने के बारे में (जिसमें केवल टेम्पलेटिंग से परे अन्य उपयोग हो सकते हैं), (3) उस प्रश्न के उत्तर और यदि कोई ओवरलैप हो तो यह प्रश्न पूरी तरह से अलग है। – JBentley

उत्तर

8

आप टैग, या बेहतर, अभी तक एक सर्वर-साइड टेम्पलेटिंग भाषा की तलाश में हैं।

2

iframe element

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

लेकिन ऐसी सामग्री है जो करने के लिए आप जिस तरह अनेक पृष्ठों पर दिखाए बेहतर using templates नियंत्रित किया जाता है।

+0

लेकिन इस तरह से मैं स्रोत कोड देखता हूं, है ना? क्योंकि मेरा उद्देश्य यह है कि: मेरा हेडर, मेनू और पाद लेख कई अन्य HTML फ़ाइल में दिखाई देता है। किसी भी समय दोहराने के लिए जब मैं पसंद करता हूं तो कोड प्रत्येक अनुभाग के लिए एक HTML लिखता है और फिर इसे पृष्ठ में लोड करता है (इस तरह रखरखाव अधिक आसान होता है)। – user2467899

+0

"http://stackoverflow.com/a/16132516/19068" - केवल तभी जब आप स्रोत देखते हैं। – Quentin

+0

"क्योंकि मेरा उद्देश्य यह है कि: मेरा हेडर, मेनू और पाद लेख कई अन्य HTML फ़ाइल में दिखाई देता है।" - फिर एक HTML सुविधा के बजाय टेम्पलेट का उपयोग करें। – Quentin

8

आप इसके लिए jquery भार का उपयोग कर सकते हैं।

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

कोड के ऊपर jquery लाइब्रेरी befor शामिल करना न भूलें।

+4

तकनीकी रूप से सही होने पर (यह वास्तव में, बाहरी HTML फ़ाइल लोड करेगा), यह बैकहो के साथ किडनी सर्जरी करने जैसा है। चूंकि सवाल jQuery को भी टैग नहीं किया गया है, यह सुझाव देता है कि गुर्दे की सर्जरी करने के व्यक्त उद्देश्य के लिए बाहर निकलना और बैकहो प्राप्त करना - इससे भी बदतर। –

21

ऑब्जेक्ट टैग का उपयोग करने का एक और तरीका है। यह क्रोम, आईई, फ़ायरफ़ॉक्स, सफारी और ओपेरा पर काम करता है। http://www.w3schools.com/tags/tag_object.asp

+0

आपको बहुत बहुत धन्यवाद ... मुझे इस – carinlynchin

+0

के बारे में पता नहीं था यह hrefs के साथ मुद्दों का कारण बनता है। वे डिफ़ॉल्ट रूप से ऑब्जेक्ट के फ्रेम के भीतर लोड होते हैं। आपको hrefs लक्ष्य को पैरेंट http://stackoverflow.com/a/1037870/852806 – HockeyJ

+0

thx के रूप में चिह्नित करने की आवश्यकता है, यह वही है जो मैं देख रहा था, thx। : डी –

संबंधित मुद्दे