Question

我有一个javascript文件，我想添加“meta”和“css”标签。我收到错误为“语法错误”。以下是试过的代码：

var head  = document.getElementsByTagName('head')[0];
    var link  = document.createElement('link');
    link.id   = 'myCss';
    link.rel  = 'stylesheet';
    link.type = 'text/css';
    link.href = 'site url/css/CustomStyle.css';
    link.media = 'all';

   var meta  = document.createElement('meta');
    meta.name   = 'viewport';
    meta.initial-scale  = '1';
    meta.content = 'width=device-width';

   var link1  = document.createElement('link');
    link1.id   = 'BootstrapmyCss';
    link1.rel  = 'stylesheet';
    link1.type = 'text/css';
    link1.href = 'site url/css/bootstrap-responsive.min.css';
    link1.media = 'all';

    head.appendChild(link);
    head.appendChild(link1);        
    head.appendChild(meta);

我在行中收到错误“语法错误”

meta.initial-scale  = '1';

如何解决这个问题？感谢

Answer 1

您可以将meta.initial-sacle = '1';替换为meta['initial-scale'] = '1';

Answer 2

您不能将-用作变量名的一部分，因为它被解释为减号（减法）运算符。

要解决此问题，请使用setAttribute方法，如下所示：

meta.setAttribute('initial-scale', '1');

或只是用meta['initial-scale'] = '1';

替换该行

Answer 3

var head  = document.getElementsByTagName('head')[0];
    var link  = document.createElement('link');
    link.id   = 'myCss';
    link.rel  = 'stylesheet';
    link.type = 'text/css';
    link.href = 'site url/css/CustomStyle.css';
    link.media = 'all';

   var meta  = document.createElement('meta');
    meta.name   = 'viewport';
    meta['initial-scale']  = '1';
    meta.content = 'width=device-width';

   var link1  = document.createElement('link');
    link1.id   = 'BootstrapmyCss';
    link1.rel  = 'stylesheet';
    link1.type = 'text/css';
    link1.href = 'site url/css/bootstrap-responsive.min.css';
    link1.media = 'all';

    head.appendChild(link);
    head.appendChild(link1);        
    head.appendChild(meta);

Answer 4

meta['initial-scale'] = '1';对typescript无效。

尝试一下。

const meta = document.createElement('meta');
meta.name = 'viewport';
meta.content = 'width=device-width, initial-scale=1';
const head = document.getElementsByTagName('head');
if (head) {
    head[0].appendChild(meta);
}

在javascript文件中添加元标记

4 个答案: