this html5rocks post'dan ilham alarak, rel = "import" bağlantısını denemeyi düşündüm.Çalışmaya alınmaya çalışmak
yay!
Loaded import: http://www.example.com/HelloWorld.htm
Ama alamadım: Konsolda , ben olsun "Merhaba Dünya!" sayfada.
İşte benim kod:
<!DOCTYPE html>
<html>
<body>
<script>
function supportsImports() {
return 'import' in document.createElement('link');
}
if (supportsImports()) {
console.log('yay!')
} else {
console.log('boo!')
}
function handleLoad(e) {
console.log('Loaded import: ' + e.target.href);
}
function handleError(e) {
console.log('Error loading import: ' + e.target.href);
}
</script>
<link rel="import" href="HelloWorld.htm" onload="handleLoad(event)" onerror="handleError(event)">
</body>
</html>
Ve HelloWorld.htm içerir:
<h1>Hello World!</h1>
Düzenleme:
konsolunda, bunu < h1 görebilirsiniz> Merhaba Dünya! </h1>, < html> < başlığındaki> </head> </body> ile birlikte başka bir #document olarak bağlantı etiketinin içinde yer alır.
Dosya alındı. Bu, içeriğinin mevcut sayfaya döküleceği anlamına gelmez. Yeni başlayanlar için *, sayfada zaten içerik varsa, sayfada zaten bir miktar içerik olduğunu varsayarak ...? – deceze
Sanırım ithalatın ne yapması gerektiğini anlamıyorum. Sadece basit bir içe aktarma veya ifade ifadesi yerine gölge dom ile bir ilgisinin olduğunu mu söylüyorsunuz? –
AFAIK çoğunlukla WebComponents ile ilgilidir; bunun için muhtemelen başka kullanımlar var. – deceze