鍍金池/ 問答/HTML5  HTML/ <script id="layoutHeaderTpl&quot

<script id="layoutHeaderTpl" type="text/html"> 內(nèi)容在ie下怎么不被解析

問題描述

在谷歌下頭部可以展示,在ie下頭部不出開 在F12看script  text/html
沒有被解析

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

嘗試用

$('#procurementContractBtn').sxTemplate({
    tplId : 'procurementContractBtnTpl',
  })
  這類型的方法 ;可以但是ie可以顯示谷歌報(bào)錯(cuò)null 

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)
<!DOCTYPE html>
<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.min.css"> -->

    <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.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>
    <!--
        描述:主體布局側(cè)邊欄
    -->
    <div class="layout-left" style="background-color: rgb(248, 248, 248);"></div>
    <!--
        描述:主體布局內(nèi)容
    -->
    <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>采購管理系統(tǒng)</span>
        </small>
    </a>
</div>

<ul class="navbar-header">
    <li class="header-menu workbench">
        <div style="color:#FFF;position:absolute;right: 0;top: 8px;">
            <div class="navbar-brand" style="padding-top: 10px;">
                <small>
                    <span id="Workbench">工作臺(tái)</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">工作臺(tái)</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">&nbsp;&nbsp;修改基本信息</span>
            </li>
            <li class="item editUserPwd" url="JavaScript: ;">
                <span class="fa fa-key">&nbsp;&nbsp;修改密碼</span>
            </li>
            <li class="item logout" url="JavaScript: ;">
                <span class="fa fa-power-off">&nbsp;&nbsp;退出</span>
            </li>
        </ul>
    </li>
</ul>

<ul class="navbar-header pull-right">
    <li class="header-menu workbench">
        <div  style="color: #FFF;">
            <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
             }
            });
         // 判斷消息類型,然后跳轉(zhuǎn)
            if(msgtype == 10 || msgtype == 20){
            localStorage.setItem('msgtype',msgtype);
            localStorage.setItem('backlogid',backlogid);
               hrefurl = '/purchasingManage/main.html#approvalProcessManagement';
            }
                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; i++){
                result += `<li class="item " url="JavaScript: ;">
                <a class="fa " backlogId="` + list[i].backlogId + `" dataid="` + list[i].id + `"
                msgType="` + list[i].msgType + `" href="#"  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#backLogManagement">查看更多> </a></li>`;
        $(".backLog").html(result);
    }                
    });
    }    

$(document).ready(function () {
    //渲染待辦事項(xiàng)
    xuan_backlog();
    
    //渲染左側(cè)邊欄菜單
    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){
            // 經(jīng)營分析子系統(tǒng)改成打開新窗口
            if(a.code == 'operationAnalysisManagement'){
                target = 'target="_blank"';
            }
            var routerUrl = sxUtil['indeMenuRouterUrl'][a.code];
            if(!routerUrl){
                routerUrl = "#";
            }
            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: ['保存', '關(guān)閉'],
                yes: function (index, dom) {
                    $('#updateUserBaseInfoForm').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: ['保存', '關(guān)閉'],
                yes: function (index, dom) {
                    $('#updateUserPwdForm').data('index', index).submit();
                }
            }
        });
    });

    $('.layout-header').on('click', '.logout', function (e) {
        var userId = sxUtil['loginUser'].id;
        sxUtil.dialog.confirm({
            msg: '是否確認(rèn)退出?',
            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>

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

兼容谷歌 ie ie下不行

回答
編輯回答
愛礙唉

ie下 不兼容"" 拼接 改用 '' 拼接就行

2017年7月15日 10:18
編輯回答
離人歸

模板字符串的原因吧,可以f12看看報(bào)錯(cuò)

2018年5月20日 23:12