1

这是我的 index.html：

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <meta charset="UTF-8">
    <link rel="import" href="component.html">

</head>

<body>
    <tag-name></tag-name>
</body>

</html>

这是我的 component.html

<template>
    <style></style>
    <div>test</div>
</template>
<script>
    customElements.define('tag-name', class extends HTMLElement {

        constructor() {
            super();
            /*var tmpl = document.querySelector('link[href$="component.html"]').import
                .querySelector('template').content.cloneNode(true);*/


            var currentScript = document.currentScript;
            var tmpl = currentScript.previousSibling.content.cloneNode(true);
            this.attachShadow({
                mode: 'open'
            }).appendChild(tmpl);
        }

    });

</script>

我试图不使用 ' ...querySelector('link[href$="component.html"]').import ..' 我已在评论中插入它。我想在不插入“component.html”的情况下引用模板标签。它不起作用，但我不明白为什么。

4

0 回答 0