在javascript文件中添加元標記

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

不能使用-爲變量名稱的一部分，因爲它被解釋爲負（減）運算符。

爲了解決這個問題，使用可以使用setAttribute方法，像這樣：

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

或只是替換符合meta['initial-scale'] = '1';

Answer 2

可以取代meta.initial-sacle = '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);