Question

我正在尝试创建一个网站，用户可以在其中更改URL参数以更改网站元，然后生成自己的不和谐嵌入。

我的问题是它不会像预期的那样更改页面上的元数据：

<!DOCTYPE html>
<html>
    <meta content="ERROR" property="og:title" id="meta:title">
    <meta content="It looked like a bug appeared..." property="og:description" id="meta:description">
    <meta name="theme-color" content="#ff0000" id="meta:color">
    <script>
        function getUrlVars() {
            var vars = {};
            var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
                vars[key] = value;
            });
            return vars;
        }
        
        var title = getUrlVars()["title"];
        var description = getUrlVars()["desc"];
        var color = getUrlVars()["color"];
        document.getElementById("meta:title").content = title;
        document.getElementById("meta:color").content = color;
        document.getElementById("meta:description").content = description;
    </script>
</html>

但是，它不会更改原始的meta标签，我对此深信不疑：

我对HTML和HTML js还是比较陌生，因此感谢所有帮助！

制作用户创建的不和谐嵌入

0 个答案: