html5的templte標籤 原

一般我們使用<script type='text/html'></script>來定義前端的模板。可是如果這模板中包含有嵌套的<script>標籤,那麼在ie8/9等瀏覽器中就不能正常工作。好在HTML5提供了一個專門的template標籤專門用於前端模板的定義。

與其他常用HTML5標籤不同的是,即使是最新的IE11仍然不支持此標籤。那麼我們只能按照html5shim的方式爲IE創建此標籤即可。也就是在<haead>中通過document.createElement('template')來讓IE識別此標籤,然後在標籤上定義樣式來隱藏模板即可。

如:

<!DOCTYPE html>
<html>
    <head>
        <!--[if IE]>
            <script>document.createElement('template');</script>
            <style>template{display:none;}</style>
        <![endif]-->
    </head>
    <body>
        <templat style='display:none'>
            ....
        </template>
    </body>
</html>





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章