jsp源代码正常，但页面显示空白

最强废铁h

我用postMan模拟的时候可以用，就是在浏览器上显示空白（edge，QQ浏览器都试过了）

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@page isELIgnored="false" %>
<%@ include file="../../foreinclude/foreHander1.jsp" %>
<style>
    .order_goods_list li {
        float: left;
        height: 80px;
        line-height: 80px;
    }
    .order_goods_list .col01 {
        width: 20%
    }
    .order_goods_list .col01 img {
        width: 60px;
        height: 60px;
        border: 1px solid #ddd;
        margin: 10px auto;
    }
    .order_goods_list .col02 {
        width: 24%;
        text-align: center;
    }
    .order_goods_list .col02 em {
        color: #999;
        margin-left: 10px
    }
    .order_goods_list .col03 {
        width: 10%
    }
    .order_goods_list .col04 {
        width: 20%
    }
    .order_list_th {
        width: 1107.2px;
        border: 1px solid #ddd;
        background-color: #f7f7f7;
        margin: 20px auto 0;
    }
    .order_list_th li {
        float: left;
        height: 30px;
        line-height: 30px
    }
    .order_list_th .col01 {
        width: 35%;
        margin-left: 20px
    }
    .order_list_th .col02 {
        width: 20%
    }
</style>
<div class="breadcrumb-area pt-15 pb-15">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <!--=======  breadcrumb container  =======-->
                <div class="breadcrumb-container">
                    <nav>
                        <ul>
                            <li class="parent-page"><a href="/fore/foreIndex">Home</a></li>
                            <li>orders</li>
                        </ul>
                    </nav>
                </div>
                <!--=======  End of breadcrumb container  =======-->
            </div>
        </div>
    </div>
</div>
<!--=== My Account page content ===-->
<div class="page-section mb-50">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="row">
                    <!-- My Account Tab Content Start -->
                    <div class="col-lg-12 col-12">
                        <div class="tab-content" id="myaccountContent">
                            <!-- Single Tab Content Start -->
                            <div class="tab-pane fade show active" role="tabpanel">
                                <div class="myaccount-content">
                                    <h3>Orders</h3>
                                    <c:forEach items="${os}" var="order" varStatus="vs">
                                        <ul style="float:left" class="order_list_th">
                                            <li class="col01">${vs.count}    订单号：${order.code},已支付</li>
                                        </ul>
                                        <div class="myaccount-table table-responsive text-center">
                                            <table class="table table-bordered" width='100%' border='0' cellspacing='0'
                                                   cellpadding='0' style='table-layout: fixed'>
                                                <tbody>
                                                <tr>
                                                    <td width="55%">
                                                        <c:forEach items="${order.orderItems}" var="oi">
                                                            <ul class="order_goods_list">
                                                                <li class="col01"><img
                                                                        src="${pageContext.request.contextPath}/${oi.product.imageurl}"
                                                                        width="50px" height="50px"></li>
                                                                <li class="col02"><a
                                                                        href="foreDetailUI?id=${oi.product.id}">${oi.product.name},${oi.product.price}</a>
                                                                </li>
                                                                <li class="col03">${oi.number}</li>
                                                                <li class="col04">￥${oi.product.price*oi.number}</li>
                                                            </ul>
                                                        </c:forEach>
                                                    </td>
                                                    <td width="15%">${order.total}元</td>
                                                    <td width="15%">
                                                        <div class="hover-icons">
                                                            <a href="#" id="addressMsg"
                                                               onclick="showAddressMsg('${order.address}');"
                                                               title="${order.address}">
                                                                <img src="${pageContext.request.contextPath}/images/address.png"
                                                                     width="30px" height="30px">
                                                            </a>
                                                        </div>
                                                    </td>
                                                    <td width="15%">
                                                        <button style="margin-bottom: 10px"
                                                                onclick="receiving(${order.id}) "
                                                                class="btn btn-default">收货
                                                        </button>
                                                        <br>
                                                        <c:if test="${order.status==1}">未发货</c:if>
                                                        <c:if test="${order.status==2}">已发货</c:if>
                                                        <c:if test="${order.status==3}"><span
                                                                style="color: green">已收货</span></c:if>
                                                        <c:if test="${order.status==4}"><span
                                                                style="color: red">已申请退货</span></c:if>
                                                        <c:if test="${order.status==5}"><span
                                                                style="color: red">已退货</span></c:if>
                                                        <br>
                                                        <button style="margin-top: 10px" onclick="returns(${order.id}) "
                                                                class="btn btn-default">退货
                                                        </button>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </c:forEach>
                                </div>
                            </div>
                            <!-- Single Tab Content End -->
                        </div>
                    </div>
                    <!-- My Account Tab Content End -->
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
    function returns(id) {
        $.ajax({
            url: '/order/returns',
            type: 'get',
            dataType: 'json',
            data: {id: id},
            success: function (data) {
                if (data.status === 200) {
                    alert(data.msg)
                    location = location
                } else {
                    alert(data.msg)
                }
            }
        })
    }
    function receiving(id) {
        $.ajax({
            url: '/order/receiving',
            type: 'get',
            dataType: 'json',
            data: {id: id},
            success: function (data) {
                if (data.status === 200) {
                    alert(data.msg)
                    location = location
                } else {
                    alert(data.msg)
                }
            }
        })

    }
    function showAddressMsg(msg) {
        alert(msg)
    }
</script>

isdkz

这个问题可能由多种原因导致，下面是几个可能的解决方案：

1. 检查服务器日志：服务器日志中可能会显示出现问题的原因。如果服务器返回了500错误，可能是服务器端的问题。如果服务器返回了200，但页面仍然是空白，那可能是客户端的问题。

2. 检查浏览器控制台：在浏览器中打开开发者工具（一般是F12），查看控制台中是否有错误消息。可能的错误包括JavaScript错误、资源加载错误等。

3. 检查JSP页面是否有语法错误：尽管你说源代码没有问题，但有时候可能会忽略掉一些小错误。尤其是在JSP表达式、标签库等方面。

4. 检查网络请求：使用浏览器的开发者工具，查看网络选项卡中的请求和响应。确认服务器是否返回了预期的内容。

5. 检查包含的文件：你的JSP页面包含了其他的JSP文件（比如 ../../foreinclude/foreHander1.jsp ），确保这些文件存在且没有错误。

6. 清理浏览器缓存：有时候浏览器缓存可能会导致页面加载问题。你可以尝试清理浏览器的缓存，然后重新加载页面看看。

如果上述步骤都无法解决问题，你可能需要进行更深入的调试，或者寻求专业的技术支持。

最强废铁h

isdkz 发表于 2023-5-15 17:36
这个问题可能由多种原因导致，下面是几个可能的解决方案：

1. 检查服务器日志：服务器日志中可能会显示 ...

tomcat没有报错，浏览器控制台也没有报错，我的forHander1.jsp显示出来了就是forebought.jsp显示空白,强制刷新也试过了，已经禁用缓存了，就是空白

最强废铁h

源代码

<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>校园快捷订餐</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Favicon -->
    <link rel="icon" href="/assets/images/favicon.ico">

    <!-- CSS
    ============================================ -->
    <!-- Bootstrap CSS -->
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet">

    <!-- FontAwesome CSS -->
    <link href="/assets/css/font-awesome.min.css" rel="stylesheet">

    <!-- Ionicons CSS -->
    <link href="/assets/css/ionicons.min.css" rel="stylesheet">

    <!-- Plugins CSS -->
    <link href="/assets/css/plugins.css" rel="stylesheet">

    <!-- Helper CSS -->
    <link href="/assets/css/helper.css" rel="stylesheet">

    <!-- Main CSS -->
    <link href="/assets/css/main.css" rel="stylesheet">

    <!-- Modernizer JS -->
    <script src="/assets/js/vendor/modernizr-2.8.3.min.js"></script>

</head>

<body class="grey-bg">

<!--=============================================
=            header container         =
=============================================-->

<div class="header-container header-container-home-4 header-sticky white-bg">

    <!--=============================================
    =            header top         =
    =============================================-->

    <div class="header-top pt-15 pb-15">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-6">
                    <!--=======  header top dropdowns  =======-->

                    <div class="header-top-dropdown d-flex justify-content-center justify-content-lg-end">


                        <!--=======  single dropdown  =======-->

                        <div class="single-dropdown">

                            <a href="/fore/foreIndex" id="changeLanguage"><span id="languageName">首页</span></a>

                        </div>

                        <span class="separator pl-15 pr-15">|</span>

                        <!--=======  End of single dropdown  =======-->
                        
                            <div class="single-dropdown">
                                <a href="#"><span>欢迎您，byh
                                     
                                    </span>
                                </a>
                            </div>
                            <span class="separator pl-15 pr-15">|</span>
                            <div class="single-dropdown">
                                <a href="/fore/foreCstLoginOut"><span>退出</span></a>
                            </div>
                        
                        
                        <!--=======  End of single dropdown  =======-->
                    </div>
                    <!--=======  End of header top dropdowns  =======-->
                </div>
            </div>
        </div>
    </div>

    <!--=====  End of header top  ======-->

    <!--=============================================
    =            navigation menu top            =
    =============================================-->
    <div class="navigation-menu-top navigation-menu-top-home-4 pt-35 pb-35 pt-md-15 pb-md-15 pt-sm-15 pb-sm-15 mb-md-55 mb-sm-55">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-6 col-lg-2 col-md-6 col-sm-6 order-1 order-lg-1">
                    <!--=======  logo  =======-->
                    <div class="logo">
                        <a href="/fore/foreIndex">
                            <img src="/assets/images/logo.png" class="img-fluid" alt="">
                        </a>
                    </div>
                    <!--=======  End of logo  =======-->
                </div>

                    <!--=======  End of header feature container  =======-->
                </div>

            </div>
        </div>
    </div>

    <!--=======  End of navigation menu top  =======-->
    <!--=============================================
                =            navigation menu         =
                =============================================-->

    <div class="navigation-menu">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-12 col-lg-3 col-md-12 col-sm-12">
                    <!--=======  category menu  =======-->

                    <div class="hero-side-category">
                        <!-- Category Toggle Wrap -->
                        <div class="category-toggle-wrap">
                            <!-- Category Toggle -->
                            <button class="category-toggle" id="categorys"> <i class="fa fa-bars"></i> 商品分类 </button>
                        </div>

                        <!-- Category Menu -->
                        <nav class="category-menu">
                            <ul>
                                
                                    <li><a href="foreFindCategory?id=1" >奶茶专区</a></li>
                                
                                    <li><a href="foreFindCategory?id=2" >甜品/蛋糕</a></li>
                                
                                    <li><a href="foreFindCategory?id=3" >包子/早点</a></li>
                                
                                    <li><a href="foreFindCategory?id=4" >午饭套餐</a></li>
                                
                                    <li><a href="foreFindCategory?id=5" >肉类炒菜</a></li>
                                
                                    <li><a href="foreFindCategory?id=6" >素菜专区</a></li>
                                
                            </ul>
                        </nav>
                    </div>
                    <!--=======  End of category menu =======-->
                    <!--=======  sticky logo  =======-->
                    <div class="sticky-logo" style="margin-top: -33px">
                        <a href="/fore/foreIndex">
                            <img src="/assets/images/logo.png" class="img-fluid" alt="">
                        </a>
                    </div>

                    <!--=======  End of sticky logo  =======-->

                    <!--=======  search icon for tablet  =======-->

                    <div class="search-icon-menutop-tablet text-right d-inline-block d-lg-none">
                        <a href="#" id="search-overlay-active-button">
                            <i class="icon ion-md-search"></i>
                        </a>
                    </div>

                    <!--=======  End of search icon for tablet  =======-->
                </div>
                <div class="col-12 col-lg-6">
                    <!-- navigation section -->
                    <div class="main-menu">
                        <nav>
                            <ul>
                                <li><a href="/fore/forecart">我的购物车</a></li>
                                <li><a href="/fore/forebought">我的订单</a></li>
                                <li><a href="/fore/faq">常问问题</a></li>
                            </ul>
                        </nav>
                    </div>
                    <!-- end of navigation section -->
                </div>
                <div class="col-12 col-lg-3">
                    <!--=======  navigation search bar  =======-->

                    <div class="navigation-search d-none d-lg-block">
                        <form method="post" action="/fore/foreNameLike">
                            <input type="search" placeholder="Search product ..." name="pName" id="">
                            <button type="submit"><i class="icon ion-md-search"></i></button>
                        </form>
                    </div>

                    <!--=======  End of navigation search bar  =======-->
                </div>
                <div class="col-12 d-block d-lg-none">
                    <!-- Mobile Menu -->
                    <div class="mobile-menu"></div>
                </div>
            </div>
        </div>
    </div>

    <!--=====  End of navigation menu  ======-->
</div>


<style>
    .order_goods_list li {
        float: left;
        height: 80px;
        line-height: 80px;
    }

    .order_goods_list .col01 {
        width: 20%
    }

    .order_goods_list .col01 img {
        width: 60px;
        height: 60px;
        border: 1px solid #ddd;
        margin: 10px auto;
    }

    .order_goods_list .col02 {
        width: 24%;
        text-align: center;
    }

    .order_goods_list .col02 em {
        color: #999;
        margin-left: 10px
    }

    .order_goods_list .col03 {
        width: 10%
    }

    .order_goods_list .col04 {
        width: 20%
    }

    .order_list_th {
        width: 1107.2px;
        border: 1px solid #ddd;
        background-color: #f7f7f7;
        margin: 20px auto 0;
    }

    .order_list_th li {
        float: left;
        height: 30px;
        line-height: 30px
    }

    .order_list_th .col01 {
        width: 35%;
        margin-left: 20px
    }

    .order_list_th .col02 {
        width: 20%
    }
</style>
<div class="breadcrumb-area pt-15 pb-15">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <!--=======  breadcrumb container  =======-->
                <div class="breadcrumb-container">
                    <nav>
                        <ul>
                            <li class="parent-page"><a href="/fore/foreIndex">Home</a></li>
                            <li>orders</li>
                        </ul>
                    </nav>
                </div>
                <!--=======  End of breadcrumb container  =======-->
            </div>
        </div>
    </div>
</div>

<!--=== My Account page content ===-->

<div class="page-section mb-50">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="row">
                    <!-- My Account Tab Content Start -->
                    <div class="col-lg-12 col-12">
                        <div class="tab-content" id="myaccountContent">
                            <!-- Single Tab Content Start -->
                            <div class="tab-pane fade show active" role="tabpanel">
                                <div class="myaccount-content">
                                    <h3>Orders</h3>
                                    
                                        <ul style="float:left" class="order_list_th">
                                            <li class="col01">1    订单号：201811021055177112826,已支付</li>
                                        </ul>
                                        <div class="myaccount-table table-responsive text-center">
                                            <table class="table table-bordered" width='100%' border='0' cellspacing='0'
                                                   cellpadding='0' style='table-layout: fixed'>
                                                <tbody>
                                                <tr>
                                                    <td width="55%">
                                                        
                                                            <ul class="order_goods_list">
                                                                <li class="col01"><img
                                                                        src="/images/product/2.jpg"
                                                                        width="50px" height="50px"></li>
                                                                <li class="col02"><a
                                                                        href="foreDetailUI?id=2">焦糖珍奶,10.0</a>
                                                                </li>
                                                                <li class="col03">1</li>
                                                                <li class="col04">￥10.0</li>
                                                            </ul>
                                                        
                                                    </td>
                                                    <td width="15%">10.0元</td>
                                                    <td width="15%">
                                                        <div class="hover-icons">
                                                            <a href="#" id="addressMsg"
                                                               onclick="showAddressMsg('5a124');"
                                                               title="5a124">
                                                                <img src="/images/address.png"
                                                                     width="30px" height="30px">
                                                            </a>
                                                        </div>
                                                    </td>
                                                    <td width="15%">
                                                        <button style="margin-bottom: 10px"
                                                                onclick="receiving(1) "
                                                                class="btn btn-default">收货
                                                        </button>
                                                        <br>
                                                        
                                                        已发货
                                                        
                                                        
                                                        
                                                        <br>
                                                        <button style="margin-top: 10px" onclick="returns(1) "
                                                                class="btn btn-default">退货
                                                        </button>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    
                                </div>
                            </div>
                            <!-- Single Tab Content End -->
                        </div>
                    </div>
                    <!-- My Account Tab Content End -->
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript" src="/js/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
    function returns(id) {
        $.ajax({
            url: '/order/returns',
            type: 'get',
            dataType: 'json',
            data: {id: id},
            success: function (data) {
                if (data.status === 200) {
                    alert(data.msg)
                    location = location
                } else {
                    alert(data.msg)
                }
            }
        })
    }

    function receiving(id) {
        $.ajax({
            url: '/order/receiving',
            type: 'get',
            dataType: 'json',
            data: {id: id},
            success: function (data) {
                if (data.status === 200) {
                    alert(data.msg)
                    location = location
                } else {
                    alert(data.msg)
                }
            }
        })

    }

    function showAddressMsg(msg) {
        alert(msg)
    }

</script>

sfqxx

根据您提供的代码，似乎缺少了结尾的 HTML 标签。请查看您的代码，将缺失的标签进行添加，可以使用 W3C 官网提供的 [HTML 验证工具](https://validator.w3.org/) 进行验证并找出问题所在。

另外，您也可以在浏览器中打开控制台（`F12`或右键点击网页选择“检查”），查看是否有报错信息，以便更好地定位问题。

最强废铁h

sfqxx 发表于 2023-5-15 18:14
根据您提供的代码，似乎缺少了结尾的 HTML 标签。请查看您的代码，将缺失的标签进行添加，可以使用 W3C 官 ...

我这个是jsp页面

sfqxx

最强废铁h 发表于 2023-5-15 18:17
我这个是jsp页面

看起来提供的代码不完整且中断在 HTML 标签的结尾。没有缺失的代码和更多上下文，很难确定为什么页面在某些浏览器上显示为空白屏幕。

然而，这里有一些建议：

- 检查 JSP 文件是否正确包含了所有必要的库和依赖项。
- 检查是否存在任何 JavaScript 错误或控制台日志可能会引起问题。
- 尝试清除浏览器缓存并重新加载页面。
- 在不同的浏览器上测试 JSP 文件，看看问题是否仍然存在。