模板字符串的使用

var items = [{
            key:'index',
            text:'首頁'
        },{
            key:'serve',
            text:'售后服務'
        },{
            key:'introduce',
            text:'企業介紹'
        },{
            key:'about',
            text:'關於我們'
        },{
            key:'classic',
            text:'經典系列'
        },{
            key:'contact',
            text:'聯系我們'
        },{
            key:'discover',
            text:'發現更多'
        },{
            key:'help',
            text:'幫助'
        }]

        let arr = [];

        items.forEach(function(item){
            arr.push(`<li class="nav-li">${item.text}</li>`);
        });

        let nav = document.createElement('nav');
        nav.innerHTML = arr.join('');

        let header = document.getElementById('ljx-header');
        header.appendChild(nav);

模板字符串的使用：使用` `將要添加的html元素包裹起來。

使用${ }包裹變量，最后被生成的字符串中${ }所占的位置會被替換為 變量的值，所以${ }還起占位符的作用。