首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >导入HTML文件中的元数据

导入HTML文件中的元数据
EN

Stack Overflow用户
提问于 2017-10-20 16:44:15
回答 1查看 209关注 0票数 1

有没有一种(简单的)方法从HTML中的另一个文件导入元数据?

我有几十页都有相同的标题。当我添加或更新链接或元数据时,我不想更新每个文件。

在阅读了these answers之后,我尝试了:<link rel="import" href="/html/content.html">。它适用于<link href=<link rel=,但不导入meta

同时,我创建了一个PHP函数来回显每个页面中的页眉,但我更喜欢纯HTML解决方案。

EN

回答 1

Stack Overflow用户

发布于 2018-07-03 05:43:34

导入HTML文件后,必须将其内容插入到主文件中。

代码语言:javascript
复制
<head>
    <script>
        function inject( import ) {
            document.head.appendChild( import )
        }
    </script>
    <link rel="import" href="/html/content.html" onload="inject(this.import)">
</head>

或者,您也可以将脚本部分放在导入的文件中,因为它在加载时就会被解释。

content.html文件中的示例:

代码语言:javascript
复制
<template>
    <script src="link1.js"></script>
    <meta name="author" value="someone">        
    ...
</template>
<script>
    var template = document.currentScript.querySelector( 'template' )
    document.head.appendChild( template.cloneNode( true ) )
</script>

注意:最好将所有内容放在<template>中,这样内容将保持未激活状态,直到它被插入到主文档中。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46845413

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档