4dageModel/js/ui.js

(function () {
    let fragment = document.createDocumentFragment();

    // 获取地址栏信息
    let GetQueryString = (name) => {
        let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        let r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return "";
    }
    let temp = GetQueryString('m')

        for(let k in objInfo){
            let li = document.createElement('li');
            let divWrap = document.createElement('div');
            let a = document.createElement('a');
            let div = document.createElement('div');
            let p = document.createElement("p");
            divWrap.classList.add('case');
            a.classList.add('link-a');
            // 判断地址栏有没有参数，有的话就跳Model2，没有logo
            if(temp) a.href = `Model2.html?m=${k}`;
            else a.href = `Model.html?m=${k}`;
            div.classList.add('card-img');
            div.style = `background-image: url(images/${k}.jpg)`;
            p.innerHTML = objInfo[k];
            a.appendChild(div);
            divWrap.appendChild(a);
            li.appendChild(divWrap);
            li.appendChild(p);
            fragment.appendChild(li); 
        }

    let ul = document.querySelector('.con');
    ul.appendChild(fragment);

})()