2015-05-09 23 views
4

我使用此代碼從一個頁面只導入部分的div到別人:Safari中不支持通過鏈接rel導入HTML?

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="import" href="html/source.html"> 
</head> 
<body> 
<script> 
    var link = document.querySelector('link[rel="import"]'); 
    var content = link.import; 
    var el = content.querySelector('#mainModals'); 
    document.body.appendChild(el.cloneNode(true)); 
</script> 
</body> 

它工作正常,在Chrome中,但它並沒有在Safari工作。

的錯誤是:類型錯誤:不確定是不是(評估「content.querySelector」)

+0

*「不起作用」*不清楚...... **它在Safari中的行爲如何? –

+0

在問題中編輯:link.import不返回對象。 –

回答

4

HTML進口目前have very limited browser support,因爲他們是一個非常新的功能(使新說the specification只在工作草案對象狀態)。

它們受Chrome 36以及其他大多數使用Blink瀏覽器引擎的瀏覽器的支持。

IE,Firefox和Safari目前根本不支持它們。

+0

這是一年多以後。任何解決方法? –

+0

我也有興趣聽到該做什麼。 webkit也許?看起來像ios 10.3的答案仍然是'不''https://webkit.org/status/#feature-html-imports – user1709076