Why is the content of < script id= "layoutHeaderTpl" type= "text/html" > not parsed under ie?

problem description

ie F12script  text/html

the environmental background of the problems and what methods you have tried

try

$("-sharpprocurementContractBtn").sxTemplate({
    tplId : "procurementContractBtnTpl",
  })
   ;ienull 

related codes

/ / Please paste the code text below (do not replace the code with pictures)

< html lang= "zh-CN" >

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
    <meta name="renderer" content="webkit">
    <title></title>

    <link rel="stylesheet" type="text/css" href="./css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="./css/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="./css/ui.jqgrid-bootstrap.css">
    <link rel="stylesheet" type="text/css" href="./css/ui.jqgrid-bootstrap-ui.css">
    <link rel="stylesheet" type="text/css" href="./css/jquery-ui.min.css">
    <link rel="stylesheet" type="text/css" href="./js/lib/ztree/css/metroStyle/metroStyle.css">
    <link rel="stylesheet" type="text/css" href="./js/lib/webUploader/css/webuploader.css">
    <link rel="stylesheet" type="text/css" href="./js/lib/wangEditor/css/wangEditor.min.css">
    <link rel="stylesheet" type="text/css" href="./css/jquery.pagination.css">
    <link rel="stylesheet" type="text/css" href="./css/myCss.css">
    <link rel="stylesheet" type="text/css" href="./css/orgSelect.css">
    <link rel="stylesheet" type="text/css" href="./css/inputError.css">
    <link rel="stylesheet" type="text/css" href="./css/printStyle.css">
    
    <script type="text/javascript" src="./js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="./js/lib/jquery-validate/jquery.form.min.js"></script>
    <script type="text/javascript" src="./js/lib/jquery-validate/jquery.validate.min.js"></script>
    <script type="text/javascript" src="./js/lib/jquery-validate/additional-methods.min.js"></script>
    <script type="text/javascript" src="./js/lib/jquery-validate/messages_zh.min.js"></script>
    <script type="text/javascript" src="./js/lib/jquery-validate/jquery-validate-tooltip.js"></script>
    <script type="text/javascript" src="./js/lib/jquery-validate/extends.js"></script>
    <script type="text/javascript" src="./js/lib/webUploader/js/webuploader.min.js"></script>
    <script type="text/javascript" src="./js/lib/wangEditor/js/wangEditor.min.js"></script>
    <script type="text/javascript" src="./js/lib/highcharts/highcharts.js"></script>
    <script type="text/javascript" src="./js/lib/layer/layer.js"></script>
    <script type="text/javascript" src="./js/lib/laydate/laydate.js"></script>
    <script type="text/javascript" src="./js/lib/grid.locale-cn.js"></script>
    <script type="text/javascript" src="./js/lib/jquery.jqGrid.min.js"></script>
    <script type="text/javascript" src="./js/lib/jquery-ui.min.js"></script>
    <script type="text/javascript" src="./js/lib/ztree/js/jquery.ztree.all.min.js"></script>
    <script type="text/javascript" src="./js/lib/template-web.js"></script>
    <script type="text/javascript" src="./js/lib/jquery.pagination.min.js"></script>
    <script type="text/javascript" src="./js/lib/html5media/html5media.min.js"></script>
    <script type="text/javascript" src="./js/lib/moment.min.js" ></script>
    <script type="text/javascript" src="./js/lib/moment-zh-cn.js"></script>
    <script type="text/javascript" src="./js/lib/ajaxhook.min.js"></script>
    

     <script type="text/javascript" src="./js/lib/print/jspdf.debug.js"></script>
    <script type="text/javascript" src="./js/lib/print/jspdf.min2.js"></script>
     

    <script type="text/javascript" src="./js/base/sxUtil.js"></script>
    <script type="text/javascript" src="./js/base/common.js"></script>
    <script type="text/javascript" src="./js/base/sxTemplateUtil.js"></script>
    <script type="text/javascript" src="./js/base/sxGrid.js"></script>
    <script type="text/javascript" src="./js/base/sxZTreeSelect.js"></script>
    <script type="text/javascript" src="./js/base/sxOrgSelect.js"></script>
    <script type="text/javascript" src="./js/base/sxRouterHtml.js"></script>
    <script type="text/javascript" src="./js/base/sxBarMenu.js"></script>
    <script type="text/javascript" src="./js/base/sxDialog.js"></script>
    <script type="text/javascript" src="./js/base/sxFormSubmit.js"></script>
    <script type="text/javascript" src="./js/base/sxFileWebuploader.js"></script>
    <script type="text/javascript" src="./js/base/sxWangEditor.js"></script>
    <script type="text/javascript" src="./js/base/printArea.js"></script>
    <script type="text/javascript" src="./js/base/calculationMoney.js"></script>
    <script type="text/javascript" src="./js/base/sxAppInit.js"></script>
</head>

<body>
    <!--
        :
    -->
    <div class="layout-header">
        <div class="layout-headers"></div>
    </div>
    <!--
        :
    -->
    <div class="layout-left" style="background-color: rgb(248, 248, 248);"></div>
    <!--
        :
    -->
    <div class="layout-content" >
        <div class="content-nav">
            <div id="nav-org-select" class="nav-org-select"></div>
            <div class="nav-tip-bar">
                <i class="glyphicon glyphicon-home nav-tip-icon"></i>
                <span class="nav-tip-title"></span>
            </div>
        </div>
        <div id="content-main" class="content-main">
            
        </div>
    </div>
    <!--
        :
    -->
    <div class="text-center layout-footer">
        
    </div>

</body>

< / html >
< script id= "layoutHeaderTpl" type= "text/html" >

<div class="navbar-header pull-left">
    <a class="navbar-brand">
        <small>
            <img src="./img/logo.png" alt="logo" id="nav-logo" />
            <span></span>
        </small>
    </a>
</div>

<ul class="navbar-header">
    <li class="header-menu workbench">
        <div style="color:-sharpFFF;position:absolute;right: 0;top: 8px;">
            <div class="navbar-brand" style="padding-top: 10px;">
                <small>
                    <span id="Workbench"></span>
                    <div class="nav-news"></div> 
                </small>
            </div>
        </div>

        <ul class="gongzuotai message-box" style="width: 130px;" id="workbench-nav">
            <li class="item" url="JavaScript: ;">
                <a class="fa" href="/basicComponents/index.html"></a>
            </li>
        </ul>
    </li>
</ul>
<ul class="navbar-header pull-right">
    <li class="header-menu user">
        <div class="user-btn text-overflow">
            <img src="img/assets/img_default_avatar.png"/>
            <span class="user-name"></span>
            <input id="navSelectOrgId" type="hidden" value="{org.id}"/>
            <input id="navSelectOrgCode" type="hidden" value="{org.code}"/>
        </div>
        <ul class="message-box">
            <li class="title">:{org.name}</li>
            <li class="item editUserBaseInfo" url="JavaScript: ;">
                <span class="fa fa-pencil-square-o"></span>
            </li>
            <li class="item editUserPwd" url="JavaScript: ;">
                <span class="fa fa-key"></span>
            </li>
            <li class="item logout" url="JavaScript: ;">
                <span class="fa fa-power-off"></span>
            </li>
        </ul>
    </li>
</ul>

<ul class="navbar-header pull-right">
    <li class="header-menu workbench">
        <div  style="color: -sharpFFF;">
            <div class="navbar-brand" style="padding-top: 10px;">
                <small>
                <span id="backlogs"></span>
                </small>
            </div>
        </div>
        <ul class="backLog message-box" style="width:130px;" id="backnavs"></ul>
    </li>
</ul>    

< / script >
< script type= "text/javascript" >


function beraa(a, b){
        var url = a.href;
        var hrefurl= "";
        if(b == 1){
            window.location.href = url;
    }else {
            var msgtype = $(a).attr("msgtype");
         var backlogid =  $(a).attr("backlogid");
            var dataid =  $(a).attr("dataid");
        // 
         $.ajax({
              url: "/basicComponents/pc/sys/backlog/update",
             type: "post",
             data: {
             "id": dataid,
             readState : true
             }
            });
         // 
            if(msgtype == 10 || msgtype == 20){
            localStorage.setItem("msgtype",msgtype);
            localStorage.setItem("backlogid",backlogid);
               hrefurl = "/purchasingManage/main.html-sharpapprovalProcessManagement";
            }
                window.location.href = hrefurl;
                sxUtil["menu"].firstSidebarMenuClick();
         }
        }
// 
function xuan_backlog(){
    $.ajax({
        type: "get",
        dataType: "json",
        data: {
        readState : false
        },
        url: "/basicComponents/pc/sys/backlog/find",
        success: function(data) {

/ / console.log (data);

        var result = "";
            if(data.success){
            var list = data.data.list;
            var num = 6;
            if( list.length < 6){
                num =  list.length ;
            }
            for(var i = 0;i < num; iPP){
                result += `<li class="item " url="JavaScript: ;">
                <a class="fa " backlogId="` + list[i].backlogId + `" dataid="` + list[i].id + `"
                msgType="` + list[i].msgType + `" href="-sharp"  onclick="beraa(this,0)">` + list[i].title + `</a>
                </li>`
            }
        }
        result +=`<li class="title" url="JavaScript: ;"><a class="fa " onclick="beraa(this,1)" href="/basicComponents/main.html-sharpbackLogManagement">> </a></li>`;
        $(".backLog").html(result);
    }                
    });
    }    

$(document).ready(function () {
    //
    xuan_backlog();
    
    //
    var header_html = template("layoutHeaderTpl",sxUtil["loginUser"]);
    
    $(".layout-header").html(header_html);
    
    
    if(sxUtil["indeMenuRouter"].success){
        var data = sxUtil["indeMenuRouter"].data;
        var result = "";
        var target = "";
        sxUtil["indeMenuRouter"].data.forEach(function(a, b){
            // 
            if(a.code == "operationAnalysisManagement"){
                target = "target="_blank"";
            }
            var routerUrl = sxUtil["indeMenuRouterUrl"][a.code];
            if(!routerUrl){
                routerUrl = "-sharp";
            }
            result += `<li class="item " url="javascript: ;"><a class="fa " ` + target + ` href="` + routerUrl + `">` + a.name + `</a></li>`
            target = "";
        });
        $(".gongzuotai").append(result);
    }

    $(".layout-header").on("click", ".editUserBaseInfo", function (e) {
        var userId = sxUtil["loginUser"].id;
        sxUtil.dialog.window({
            url: "/tpl/user/updateUserBaseInfo.html",
            data: {
                "id": userId
            },
            layer: {
                title: "",
                area: ["400px", "280px"],
                btn: ["", ""],
                yes: function (index, dom) {
                    $("-sharpupdateUserBaseInfoForm").data("index", index).submit();
                }
            }
        });
    });

    $(".layout-header").on("click", ".editUserPwd", function (e) {
        var userId = sxUtil["loginUser"].id;
        sxUtil.dialog.window({
            url: "/tpl/user/updateUserPwd.html",
            data: {
                "id": userId
            },
            layer: {
                title: "",
                area: ["400px", "280px"],
                btn: ["", ""],
                yes: function (index, dom) {
                    $("-sharpupdateUserPwdForm").data("index", index).submit();
                }
            }
        });
    });

    $(".layout-header").on("click", ".logout", function (e) {
        var userId = sxUtil["loginUser"].id;
        sxUtil.dialog.confirm({
            msg: "",
            yes: function (index) {
                $.ajax({
                    url: "/pc/sys/authority/logout",
                    type: "post",
                    data: {
                        "id": userId
                    },
                    success: function (e) {
                        if (e && e.data) {
                            sxUtil.dialog.close(index);

                            var baseUrl = window.location.origin + "/basicComponents/";
                            window.location.href = baseUrl + "login.html";
                        } else {
                            sxUtil.dialog.errorMsg(e, e.errorMsg);
                        }
                    }
                });
            }
        });
    });

    $(".layout-header").on("click", ".item", function (e) {
        var ename = $(this).attr("msgType");
        sxUtil["menu"].selectSidebarMenuClick(ename);
    });

});

< / script >

what result do you expect? What is the error message actually seen?

not compatible with Google ie ie

Apr.01,2021
"" splicing is not compatible under

ie. Just use''splicing instead of


template string. You can check the error report

in F12.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-7b741f-29be0.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-7b741f-29be0.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?