<script id="layoutHeaderTpl" type="text/html"> 内容在ie下怎么不被解析

问题描述

在谷歌下头部可以展示,在ie下头部不出开 在F12看script  text/html
没有被解析

问题出现的环境背景及自己尝试过哪些方法

尝试用

$('#procurementContractBtn').sxTemplate({
    tplId : 'procurementContractBtnTpl',
  })
  这类型的方法 ;可以但是ie可以显示谷歌报错null 

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)
<!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>
    <!--
        描述:主体布局侧边栏
    -->
    <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:#FFF;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">&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
             }
            });
         // 判断消息类型,然后跳转
            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 () {
    //渲染待办事项
    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 = "#";
            }
            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) {
                    $('#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: ['保存', '关闭'],
                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: '是否确认退出?',
            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>

你期待的结果是什么?实际看到的错误信息又是什么?

兼容谷歌 ie ie下不行

阅读 3.6k
2 个回答

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

模板字符串的原因吧,可以f12看看报错

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题