BootStrap网页中代码显示用法详解


Posted in Javascript onOctober 21, 2016

网页中代码的显示,包括行中代码显示;成段的代码显示,效果图如下

BootStrap网页中代码显示用法详解

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%> 
<head> 
<!-- 新 Bootstrap 核心 CSS 文件 --> 
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
<!-- 可选的Bootstrap主题文件(一般不用引入) --> 
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> 
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> 
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> 
<!-- 最新的 Bootstrap 核心 JavaScript 文件 --> 
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>质量录入</title> 
</head> 
<body> 
<form action="<%=basePath %>rest/wx" method="post"> 
<div class="container"> 
<h1 class="page-header">代码<small><code><pre>的使用</small></h1> 
<p>Bootstrap是基于<code>HTML5</code>和<code>CSS3</code>开发的,它在jQuery的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。</p> 
<pre> 
<xml> 
<ToUserName>mycreate</ToUserName> 
<FromUserName>wx5823bf96d3bd56c7</FromUserName> 
<CreateTime>1348831860</CreateTime> 
<MsgType>text</MsgType> 
<Content>this is a test</Content> 
<MsgId>1234567890123456</MsgId> 
<AgentID>128</AgentID> 
</xml> 
</pre> 
<pre> 
DocumentBuilderFactory dbf = DocumentBuilderFactory.newInstance(); 
DocumentBuilder db = dbf.newDocumentBuilder(); 
StringReader sr = new StringReader(sMsg); 
InputSource is = new InputSource(sr); 
Document document = db.parse(is); 
Element root = document.getDocumentElement(); 
NodeList nodelist1 = root.getElementsByTagName("Content"); 
String Content = nodelist1.item(0).getTextContent(); 
System.out.println("Content:" + Content); 
</pre> 
</div> 
</form> 
</body> 
</html>

以上所述是小编给大家介绍的BootStrap网页中代码显示<code><pre>用法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js滚动条多种样式,推荐
Feb 05 Javascript
js innerHTML 的一些问题的解决方法
Jun 22 Javascript
jquery select(列表)的操作(取值/赋值)
Mar 16 Javascript
用javascript读取xml文件读取节点数据
Aug 12 Javascript
深入分析js的冒泡事件
Dec 05 Javascript
Jquery中巧用Ajax的beforeSend方法
Jan 20 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
Jun 09 Javascript
详解Vue 事件修饰符capture 的使用
Dec 29 Javascript
Layui数据表格之获取表格中所有的数据方法
Aug 20 Javascript
原生JS实现DOM加载完成马上执行JS代码的方法
Sep 07 Javascript
详解vue2.0模拟后台json数据
May 16 Javascript
vue.js表单验证插件(vee-validate)的使用教程详解
May 23 Javascript
网页瀑布流布局jQuery实现代码
Oct 21 #Javascript
js运动事件函数详解
Oct 21 #Javascript
javascript轮播图算法
Oct 21 #Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
Oct 21 #Javascript
javascript简易画板开发
Apr 12 #Javascript
基于angular中的重要指令详解($eval,$parse和$compile)
Oct 21 #Javascript
BootStrap轻松实现微信页面开发代码分享
Oct 21 #Javascript
You might like
PHP 的ArrayAccess接口 像数组一样来访问你的PHP对象
2010/10/12 PHP
《PHP编程最快明白》第四讲:日期、表单接收、session、cookie
2010/11/01 PHP
laravel框架模型中非静态方法也能静态调用的原理分析
2019/11/23 PHP
PHP7 新增常量
2021/03/09 PHP
一个很简单的办法实现TD的加亮效果.
2006/06/29 Javascript
CSS和JS标签style属性对照表(方便js开发的朋友)
2010/11/11 Javascript
获得Javascript对象属性个数的示例代码
2013/11/21 Javascript
javascript贪吃蛇完整版(源码)
2013/12/09 Javascript
js实现带按钮的上下滚动效果
2015/05/12 Javascript
jQuery实现Flash效果上下翻动的中英文导航菜单代码
2015/09/22 Javascript
强大的JavaScript响应式图表Chartist.js的使用
2017/09/13 Javascript
JavaScript基于面向对象实现的猜拳游戏
2018/01/03 Javascript
Node.js 使用request模块下载文件的实例
2018/09/05 Javascript
JS动画实现回调地狱promise的实例代码详解
2018/11/08 Javascript
微信小程序下拉框组件使用方法详解
2018/12/28 Javascript
Angular7.2.7路由使用初体验
2019/03/01 Javascript
详解js 创建对象的几种方法
2019/03/08 Javascript
js回溯法计算最佳旅行线路代码实例
2019/09/11 Javascript
JS深入学习之数组对象排序操作示例
2020/05/01 Javascript
JavaScript 判断浏览器是否是IE
2021/02/19 Javascript
[02:51]2018年度DOTA2最佳中单位选手-完美盛典
2018/12/17 DOTA
[06:59]DOTA2-DPC中国联赛3月7日Recap集锦
2021/03/11 DOTA
python刷投票的脚本实现代码
2014/11/08 Python
使用django-suit为django 1.7 admin后台添加模板
2014/11/18 Python
剖析Python的Twisted框架的核心特性
2016/05/25 Python
老生常谈进程线程协程那些事儿
2017/07/24 Python
python基于twisted框架编写简单聊天室
2018/01/02 Python
wxPython实现分隔窗口
2019/11/19 Python
python之pymysql模块简单应用示例代码
2019/12/16 Python
建筑设计师岗位职责
2013/11/18 职场文书
中专毕业生个人职业生涯规划
2014/02/19 职场文书
2014年感恩母亲演讲稿
2014/05/27 职场文书
安全标语口号
2014/06/09 职场文书
小学生春游活动方案
2014/08/20 职场文书
副乡长民主生活会个人对照检查材料思想汇报
2014/10/01 职场文书
大学生先进个人主要事迹材料
2015/11/04 职场文书