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 相关文章推荐
JavaScript 面向对象的之私有成员和公开成员
May 04 Javascript
Javascript学习笔记-详解in运算符
Sep 13 Javascript
简单的前端js+ajax 购物车框架(入门篇)
Oct 29 Javascript
javascript教程:关于if简写语句优化的方法
May 17 Javascript
jquery实现右键菜单插件
Mar 29 Javascript
Express的路由详解
Dec 10 Javascript
js实现文本上下来回滚动
Feb 03 Javascript
vue+Element-ui实现分页效果实例代码详解
Dec 10 Javascript
PHP实现基于Redis的MessageQueue队列封装操作示例
Feb 02 Javascript
详解js获取video任意时间的画面截图
Apr 17 Javascript
基于ssm框架实现layui分页效果
Jul 27 Javascript
vue中的v-if和v-show的区别详解
Sep 01 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将csv文件导入到mysql数据库的方法
2014/12/24 PHP
基于thinkPHP3.2实现微信接入及查询token值的方法
2017/04/18 PHP
laravel按天、按小时,查询数据的实例
2019/10/09 PHP
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
2011/11/30 Javascript
用函数模板,写一个简单高效的 JSON 查询器的方法介绍
2013/04/17 Javascript
Javascript冒泡排序算法详解
2014/12/03 Javascript
Javascript基础教程之if条件语句
2015/01/18 Javascript
JQuery实现级联下拉框效果实例讲解
2015/09/17 Javascript
js选项卡的制作方法
2017/01/23 Javascript
node操作mysql数据库实例详解
2017/03/17 Javascript
使用veloticy-ui生成文字动画效果
2018/02/08 Javascript
JS同步、异步、延迟加载的方法
2018/05/05 Javascript
Element input树型下拉框的实现代码
2018/12/21 Javascript
微信小程序实现判断是分享到群还是个人功能示例
2019/05/03 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
原生JS实现天气预报
2020/06/16 Javascript
swiper实现导航滚动效果
2020/12/13 Javascript
python实现telnet客户端的方法
2015/04/15 Python
Python编程django实现同一个ip十分钟内只能注册一次
2017/11/03 Python
浅谈Python中的私有变量
2018/02/28 Python
python实现栅栏加解密 支持密钥加密
2019/03/20 Python
windows下numpy下载与安装图文教程
2019/04/02 Python
在python shell中运行python文件的实现
2019/12/21 Python
Python找出列表中出现次数最多的元素三种方式
2020/02/24 Python
Bally美国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/18 全球购物
Spongelle官网:美国的创意护肤洗护品牌
2019/05/15 全球购物
历史学专业大学生找工作的自我评价
2013/10/16 职场文书
应聘收银员个人的求职信
2013/11/30 职场文书
大一军训感言
2014/01/09 职场文书
护士毕业生自我鉴定
2014/02/08 职场文书
小学生植树节活动总结
2014/07/04 职场文书
一个独生女的故事观后感
2015/06/04 职场文书
运动会闭幕式主持词
2015/07/01 职场文书
2015教师节通讯稿
2015/07/20 职场文书
创业计划书之家教中心
2019/09/25 职场文书
MYSQL 无法识别中文的永久解决方法
2021/06/03 MySQL