测试多种js在一个页面的兼容性

发表于:2014-3-04 10:35

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:Azusa_    来源:51Testing软件测试网采编

<!DOCTYPE html>
<html lang="en">
<head>
<title>testAll</title>
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/prettyCheckable.css" rel="stylesheet" >
<link href="css/select2.css" rel="stylesheet"/>
<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap.file-input.js"></script>
<script type="text/javascript" src="js/prettyCheckable.min.js"></script>
<script type="text/javascript" src="js/select2.js"></script>
<style type="text/css">
<!--
.STYLE1 {
color: #FF0000;
font-size: 18px;
}
.STYLE2 {color: #FF0000}
.STYLE3 {
font-size: 18px;
font-weight: bold;
color: #FF0000;
}
-->
</style>
</head>
<body style="margin:auto 50px;">
<span class="STYLE1">一、fileupload(bootstrap.file-input)       </span><br>
<span class="STYLE2">js:</span><br>
jquery-2.0.3.min.js<br>
bootstrap.min.js<br>
bootstrap.file-input.js<br>
<span class="STYLE2">css:</span><br>
bootstrap.min.css<br>
<!-- Change the wording using a title tag -->
<input type="file" title="Search for a file to add 1" class="btn-primary">
<br>
<br>
<input type="file" title="Search for a file to add 2" class="btn btn-primary">
<br>
<br>
<input type="file" title="Search for a file to add 3" class="btn-primary">
<br>
<br>
<input type="file" title="Search for a file to add 4" class="btn-primary">
<br>
<br>
Disable the styling:
<!-- Disable the styling -->
<input type="file" data-bfi-disabled>
<script type="text/javascript">
$('input[type=file]').bootstrapFileInput();
</script>
<br><br><br>
<span class="STYLE1"><strong>二、checkbox&radio(prettyCheckable) </strong></span><br>
<span class="STYLE2">js:</span><br>
jquery-2.0.3.min.js<br>
prettyCheckable.min.js<br>
<span class="STYLE2">css:</span><br>
prettyCheckable.css<br>
<br>
<span class="STYLE2">checkbox:</span><br>
<input type="checkbox" class="myClass" value="1" id="answer" name="answer" data-color="green"/>
<input type="checkbox" class="myClass" value="2" id="answer" name="answer" data-color="red"/>
<br>
31/3123>
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号