`

chrome jsp 出现<code class="prettyprint">

 
阅读更多

今天发生了一个很诡异的事情,写了一个简单的jsp,部署上去之后发现chrome怎么都不显示

jsp源码:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
</head>
<body>
<div id="bussad_top">
</div>
<h1>
     移动网页图片
     移动网页新闻
     移动网页音乐
</h1>
<div id="bussad_top1">
</div>

<button onclick="loadBaidu()">loadBaidu</button>
<button onclick="loadBaidu2()">loadBaidu2</button>

<button onclick="createDiv()">createDiv</button>
<button onclick="clearDiv()">clearDiv</button>
</body>
</html>

在chrome上显示内容:

<html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
</head>
<body><code class="prettyprint"><span class="pun">移动网页图片移动网页新闻移动网页音乐</span><br><br><br><br><br><span class="pln">loadBaidu</span><br><span class="pln">loadBaidu2</span><br><br><span class="pln">createDiv</span><br><span class="pln">clearDiv</span></code></body></html>

十分诡异,code这个标签怎么来的呢?怎么会出现这样的情况呢?

一个个对比,最终发现是title的问题

将title随便加一个就好了

改后的jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>此处为新加的title</title>
</head>
<body>
<div id="bussad_top">
</div>
<h1>
     移动网页图片
     移动网页新闻
     移动网页音乐
</h1>
<div id="bussad_top1">
</div>

<button onclick="loadBaidu()">loadBaidu</button>
<button onclick="loadBaidu2()">loadBaidu2</button>

<button onclick="createDiv()">createDiv</button>
<button onclick="clearDiv()">clearDiv</button>
</body>
</html>


分享到:
评论

相关推荐

    兰州理工大学网页制作作业

    &lt;li class="bg1"&gt;&lt;a href="#"&gt;3&lt;/a&gt;&lt;/li&gt; &lt;li class="bg1"&gt;&lt;a href="#"&gt;4&lt;/a&gt;&lt;/li&gt; &lt;li class="bg1"&gt;&lt;a href="#"&gt;5&lt;/a&gt;&lt;/li&gt; &lt;li class="bg1"&gt;&lt;a href="#"&gt;6&lt;/a&gt;&lt;/li&gt; &lt;li class="bg1"&gt;&lt;a href="#"&gt;7&lt;/a&gt;&lt;/li&gt; ...

    左侧红色js悬浮QQ在线客服插件代码

    &lt;a title="隐藏" class="close_btn"&gt;&lt;span&gt;关闭&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div class="side_center"&gt; &lt;div class="qqserver"&gt; &lt;div class="KeFuTitle"&gt;在线客服&lt;/div&gt; &lt;div class="KeFuItem"&gt; &lt;a target="_blank" ...

    CSS3的鼠标触发显示二维码和二级菜单特效.zip

    &lt;section class="part" id="part2"&gt; &lt;div class="container"&gt; &lt;div class="downloads"&gt; &lt;div class="tips-area qr-area"&gt; &lt;button class="custom-button has-tips"&gt; 扫二维码下载 &lt;/button&gt; &lt;div class="qr...

    CSS3图片3D旋转轮播特效.zip

    &lt;button class="nav prev"&gt;Prev&lt;/button&gt; &lt;button class="nav next"&gt;Next&lt;/button&gt; &lt;/nav&gt; &lt;/div&gt; &lt;h2&gt;Four images&lt;/h2&gt; &lt;div class="carousel"&gt; &lt;figure&gt; &lt;img &gt; &lt;img &gt; &lt;img &gt; &lt;img &gt; &lt;/figure&gt; ...

    登录页面源码

    login"&gt;&lt;div class="hand"&gt;&lt;/div&gt;&lt;div class="hand hand-r"&gt;&lt;/div&gt;&lt;div class="arms"&gt;&lt;div class="arm"&gt;&lt;/div&gt;&lt;div class="arm arm-r"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="pad"&gt;&lt;input type="hidden" name="_csrf" value...

    CSS3鼠标经过显示二维码和二级菜单特效.zip

    &lt;section class="part" id="part2"&gt; &lt;div class="container"&gt; &lt;div class="downloads"&gt; &lt;div class="tips-area qr-area"&gt; &lt;button class="custom-button has-tips"&gt; 扫二维码下载 &lt;/button&gt; &lt;div class="qr...

    移动全屏代码

    &lt;div class="section section1"&gt;&lt;/div&gt; &lt;div class="section section2" style="background: ;"&gt; &lt;div class="mui-content"&gt; &lt;div class="mui-content-padded" style="margin: 5px;"&gt; &lt;h5&gt;填写...

    HTML5 SVG字体图标点赞动画特效.zip

    &lt;button class="icobutton icobutton--thumbs-up"&gt;&lt;span class="fa fa-thumbs-up"&gt;&lt;/span&gt;&lt;/button&gt; &lt;/li&gt; &lt;li class="grid__item"&gt; &lt;button class="icobutton icobutton--thumbs-up"&gt;&lt;span class="fa fa-thumbs-...

    CSS3带阴影动画效果的手绘卡通风格按钮特效.zip

     &lt;button class='dotted thick'&gt;Dotted Thick&lt;/button&gt;  &lt;button class='dashed thick'&gt;Dashed Thick&lt;/button&gt; &lt;/section&gt; &lt;section&gt;  &lt;button class='lined thin'&gt;Lined Thin&lt;/button&gt;  &lt;button class='...

    CSS3的创意堆叠卡片动画切换代码.zip

    &lt;li class="stack__item"&gt;&lt;img /&gt;&lt;/li&gt; &lt;li class="stack__item"&gt;&lt;img /&gt;&lt;/li&gt; &lt;li class="stack__item"&gt;&lt;img /&gt;&lt;/li&gt; &lt;li class="stack__item"&gt;&lt;img /&gt;&lt;/li&gt; &lt;li class="stack__item"&gt;&lt;img /&gt;&lt;/li&gt; &lt;li class=...

    图表大屏展示-layui.zip

    &lt;script src="https://code.jquery.com/jquery-3.1.1.min.js"&gt;&lt;/script&gt; &lt;script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src=...

    简单实用的notie-js消息提示框插件.zip

    &lt;head&gt; &lt;meta charset="UTF-8"&gt;...&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt; &lt;article class="zzsc"&gt; &lt;div class="div-ext"&gt; &lt;div class="div-int"&gt; &lt;span&gt;Test notie with these buttons:&lt;/span&gt; &lt;br&gt; &lt;button

    html5 css3 实现西洋镜连续动画特效.zip

    &lt;blockquote class="wiki"&gt; &lt;/blockquote&gt; &lt;/body&gt; &lt;/html&gt; 一款使用CSS3的帧动画和3D transfo rms来制作的,在animation动画的animation-timing-function参数使用steps来处理,制作出...

    兰理工网页作业之个人简历制作

    &lt;!DOCTYPE html&gt; ... &lt;div class="text"&gt; &lt;h1&gt;链接部分:&lt;/h1&gt; &lt;p&gt;艺术字&lt;/p&gt; &lt;p&gt;个人照片&lt;/p&gt; &lt;p&gt;左眼睛&lt;/p&gt; &lt;p&gt;右眼睛&lt;/p&gt; &lt;p&gt;嘴&lt;/p&gt; &lt;/div&gt; &lt;/map&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;

    【JavaScript源代码】JS实现圆形进度条拖拽滑动.docx

    doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&gt; &lt;title&gt; 圆形进度条拖拽滑动 &lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;canvas id=...

    jQuery插件实现可输入和自动匹配的下拉框

    实现可输入+带自动匹配功能的下拉框,我试过以下几种方法: ... &lt;option value=Chrome&gt; &lt;option value=Opera&gt; &lt;option value=Safari&gt; &lt;/datalist&gt; 优点:节约js代码; 缺点:IE 9及以下的IE浏览器 和 Safari 均不支

    适合jq的滑动解锁特效

    &lt;!DOCTYPE html&gt; &lt;... &lt;head&gt; &lt;meta charset="UTF-8"&gt;...jQuery适合手机端滑动解锁代码 - 站长素材&lt;...meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;...&lt;p class="warn"&gt;&lt;/p&gt;

    【JavaScript源代码】纯JS将table表格导出到excel的方法.docx

     html  &lt;div &gt; &lt;button type="button" onclick="getXlsFromTbl('tableExcel','myDiv')"&gt;IE导出Excel方法&lt;/button&gt; &lt;button type="button" onclick="method5('tableExcel')"&gt;Chrome导出Excel&lt;/button&gt; &lt;/div&gt; ...

    JavaScript Table行定位效果

    &lt;table class="t" border="1" frame="vsides"&gt; &lt;tr&gt; &lt;td&gt;1&lt;/td&gt; &lt;td&gt;1&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt; 后两个的转换还可以接受,所以在设置frame之前还是判断一下border先。 【获取背景色】 如果td是...

    web实验报告.doc

    &lt;/p&gt; &lt;h2&gt;目录&lt;/h2&gt; &lt;ol&gt; &lt;li&gt;&lt;a href="#"&gt;1 雅述&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#jq"&gt;2 节气&lt;/a&gt;&lt;/li&gt; &lt;li&gt; &lt;ol&gt; &lt;li&gt;&lt;a href="#lc"&gt;2.1 立春&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#ys"&gt;2.2 雨水&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#jz"&gt;2.3 惊蛰 ...

Global site tag (gtag.js) - Google Analytics