Skip to content

Commit 2512a15

Browse files
nasmilenasmile
committed
...
1 parent 57775c7 commit 2512a15

File tree

13 files changed

+344
-163
lines changed

13 files changed

+344
-163
lines changed

‎jQuery/bhtml/ExpEXP.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!--
2+
正则表达式
3+
-->
4+
<!DOCTYPE html>
5+
<html>
6+
<head>
7+
<meta charset='utf-8'>
8+
<title>正则表达式</title>
9+
<!-- CSS -->
10+
<link rel="stylesheet" type="text/css" href="../css/zui.base.css">
11+
<!-- JavaScript -->
12+
<script type="text/javascript" src="../lib/jquery.js" ></script>
13+
<script type="text/javascript" src="../core/z.js" ></script>
14+
<script type="text/javascript" src="../js/filename.js" ></script>
15+
</head>
16+
<body>
17+
18+
</body>
19+
</html>

‎jQuery/bhtml/Math.html

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<!--
2+
Math对象
3+
-->
4+
<!DOCTYPE html>
5+
<html>
6+
<head>
7+
<meta charset='utf-8'>
8+
<title>Math对象</title>
9+
<!-- CSS -->
10+
<link rel="stylesheet" type="text/css" href="../css/zui.base.css">
11+
<!-- JavaScript -->
12+
<script type="text/javascript" src="../lib/jquery.js" ></script>
13+
<script type="text/javascript" src="../core/z.js" ></script>
14+
</head>
15+
<script type="text/javascript">
16+
$(document).ready(function(){
17+
//min和max的方法
18+
var arrays =(3,78,1,68);
19+
alert("数组中的最大值："+Math.max(arrays));
20+
alert("数组中的最小值："+Math.min(arrays));
21+
22+
alert("向上舍入："+Math.ceil(25.1));
23+
alert("向下舍入："+Math.floor(25.9));
24+
alert("标准舍入："+Math.round(25.5));
25+
26+
//random()方法 返回一个大于等于0小于1的一个随机数
27+
//介于2到10之间的数
28+
var num = Math.floor(Math.random()*9 + 2 );
29+
30+
});
31+
</script>
32+
</html>

‎jQuery/bhtml/Object.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!--
2+
面向对象的程序设计
3+
-->
4+
<!DOCTYPE html>
5+
<html>
6+
<head>
7+
<meta charset='utf-8'>
8+
<title>提取文件名称</title>
9+
<!-- CSS -->
10+
<link rel="stylesheet" type="text/css" href="../css/zui.base.css">
11+
<!-- JavaScript -->
12+
<script type="text/javascript" src="../lib/jquery.js" ></script>
13+
<script type="text/javascript" src="../core/z.js" ></script>
14+
<script type="text/javascript" src="../js/object.js" ></script>
15+
</head>
16+
<body>
17+
</body>
18+
</html>

‎jQuery/bhtml/compare.html

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
<!--
2+
提取文件名称
3+
-->
4+
<!DOCTYPE html>
5+
<html>
6+
<head>
7+
<meta charset='utf-8'>
8+
<title>提取文件名称</title>
9+
<!-- CSS -->
10+
<link rel="stylesheet" type="text/css" href="../css/zui.base.css">
11+
<!-- JavaScript -->
12+
<script type="text/javascript" src="../lib/jquery.js" ></script>
13+
<script type="text/javascript" src="../core/z.js" ></script>
14+
<script type="text/javascript" src="../js/compare.js" ></script>
15+
</head>
16+
<body>
17+
<table summary="user infomation table" id="tableSort">
18+
<thead>
19+
<tr>
20+
<th>会员ID</th>
21+
<th>会员名</th>
22+
<th>邮箱</th>
23+
<th onclick="sortTable(tableSort)" style="cursor: pointer;">会员组</th>
24+
<th>城市</th>
25+
<th>注册时间</th>
26+
</tr>
27+
</thead>
28+
<tbody>
29+
<tr>
30+
<td>126</td>
31+
<td>web3c</td>
32+
<td>[email protected]</td>
33+
<td>普通会员</td>
34+
<td>北京</td>
35+
<td>2011-1-1</td>
36+
</tr>
37+
<tr>
38+
<td>145</td>
39+
<td>afdfa3c</td>
40+
<td>[email protected]</td>
41+
<td>普通会员</td>
42+
<td>上海</td>
43+
<td>2013-1-1</td>
44+
</tr>
45+
<tr>
46+
<td>115</td>
47+
<td>dasgfa3c</td>
48+
<td>[email protected]</td>
49+
<td>高级会员</td>
50+
<td>广州</td>
51+
<td>2012-1-1</td>
52+
</tr>
53+
</tbody>
54+
</table>
55+
</body>
56+
</html>

‎jQuery/bhtml/filename.html

Lines changed: 8 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -7,51 +7,20 @@
77
<meta charset='utf-8'>
88
<title>提取文件名称</title>
99
<!-- CSS -->
10+
<link rel="stylesheet" type="text/css" href="../css/filename.css">
1011
<link rel="stylesheet" type="text/css" href="../css/zui.base.css">
1112
<!-- JavaScript -->
1213
<script type="text/javascript" src="../lib/jquery.js" ></script>
1314
<script type="text/javascript" src="../core/z.js" ></script>
1415
<script type="text/javascript" src="../js/filename.js" ></script>
15-
<!-- // <script type="text/javascript" src="../js/compare.js" ></script> -->
16+
<script type="text/javascript" src="../js/filename_test.js" ></script>
1617
</head>
1718
<body>
18-
<table summary="user infomation table" id="tableSort">
19-
<thead>
20-
<tr>
21-
<th>会员ID</th>
22-
<th>会员名</th>
23-
<th>邮箱</th>
24-
<th onclick="sortTable(tableSort)" style="cursor: pointer;">会员组</th>
25-
<th>城市</th>
26-
<th>注册时间</th>
27-
</tr>
28-
</thead>
29-
<tbody>
30-
<tr>
31-
<td>126</td>
32-
<td>web3c</td>
33-
<td>[email protected]</td>
34-
<td>普通会员</td>
35-
<td>北京</td>
36-
<td>2011-1-1</td>
37-
</tr>
38-
<tr>
39-
<td>145</td>
40-
<td>afdfa3c</td>
41-
<td>[email protected]</td>
42-
<td>普通会员</td>
43-
<td>上海</td>
44-
<td>2013-1-1</td>
45-
</tr>
46-
<tr>
47-
<td>115</td>
48-
<td>dasgfa3c</td>
49-
<td>[email protected]</td>
50-
<td>高级会员</td>
51-
<td>广州</td>
52-
<td>2012-1-1</td>
53-
</tr>
54-
</tbody>
55-
</table>
19+
<table class = "filenameT">
20+
<tr>
21+
<th>文件名称</th>
22+
<th>文件后缀名</th>
23+
</tr>
24+
</table>
5625
</body>
5726
</html>

‎jQuery/bhtml/jqpostion.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,10 @@
88
<meta charset='utf-8'>
99
<title>Nutz-UI jQuery插件 position</title>
1010
<!-- CSS -->
11-
<link rel="stylesheet" type="text/css" href="css/zui.base.css">
11+
<link rel="stylesheet" type="text/css" href="../css/zui.base.css">
1212
<link rel="stylesheet" type="text/css" href="../css/jquery.poppos.css">
1313
<!-- JavaScript -->
14-
<script type="text/javascript" src="jquery.js"></script>
14+
<script type="text/javascript" src="../lib/jquery.js"></script>
1515
<script type="text/javascript" src="../js/jquery.poppos.js" ></script>
1616
<style>
1717

@@ -28,7 +28,7 @@
2828
'width' : window.innerWidth
2929
});
3030

31-
// $('.pre').position('.pre_inner');
31+
// $('.pre').poppos('.pre_inner');
3232
$.poppos('.pre','.pre_inner','cr');
3333
}
3434
</script>

‎jQuery/css/filename.css

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
.filenameT{
2+
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
3+
width: 40%;
4+
margin: 50px auto;
5+
}
6+
.filenameT th ,.filenameT td{
7+
font-size: 1.5em;
8+
border: 1px solid #98bf21;
9+
padding:3px 7px 2px 7px;
10+
}
11+
#filenameT tr:nth-child(2n)
12+
{
13+
color:#000000;
14+
background-color:#EAF2D3;
15+
}

‎jQuery/js/RegExp.js

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
$(document).ready(function() {
2+
//正则表达式
3+
// . IE下[^\n]，其它[^\n\r] 匹配除换行符之外的任何一个字符
4+
// \d [0-9] 匹配数字
5+
// \D [^0-9] 匹配非数字字符
6+
// \s [ \n\r\t\f\x0B] 匹配一个空白字符
7+
// \S [^ \n\r\t\f\x0B] 匹配一个非空白字符
8+
// \w [a-zA-Z0-9_] 匹配字母数字和下划线
9+
// \W [^a-zA-Z0-9_] 匹配除字母数字下划线之外的字符
10+
// * 匹配前面的子表达式零次或多次。例如，zo* 能匹配 "z" 以及 "zoo"。 * 等价于{0,}。
11+
// + 匹配前面的子表达式一次或多次。例如，'zo+' 能匹配 "zo" 以及 "zoo"，但不能匹配 "z"。+ 等价于 {1,}。
12+
// ? 匹配前面的子表达式零次或一次。例如，"do(es)?" 可以匹配 "do" 或 "does" 中的"do" 。? 等价于 {0,1}。
13+
// {n} n 是一个非负整数。匹配确定的 n 次。例如，'o{2}' 不能匹配 "Bob" 中的 'o'，但是能匹配 "food" 中的两个 o。
14+
// {n,} n 是一个非负整数。至少匹配n 次。例如，'o{2,}' 不能匹配 "Bob" 中的 'o'，但能匹配 "foooood" 中的所有 o。'o{1,}' 等价于 'o+'。'o{0,}' 则等价于 'o*'。
15+
// {n,m} m 和 n 均为非负整数，其中n <= m。最少匹配 n 次且最多匹配 m 次。刘， "o{1,3}" 将匹配 "fooooood" 中的前三个 o。'o{0,1}' 等价于 'o?'。请注意在逗号和两个数之间不能有空格。
16+
17+
//\b 匹配单词的开始或结束
18+
//^ 匹配字符串的开始
19+
// "^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"　　　　//email地址
20+
// "^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"　　//url
21+
22+
var str0 = "some money";
23+
var re0 = /\s/;
24+
alert(str0.replace(re0, "%"));
25+
//多个空白符
26+
var str1 = "some money";
27+
re1 = /\s+$/;
28+
alert(str1.replace(re1, "#"));
29+
var str2 = "a-bd-c";
30+
var re2 = /[^a-z]/i;
31+
alert(str2.split(re2));
32+
var str3 = "My name is 18.Golden age!";
33+
var re3 = /\d+/;
34+
alert(str.search(re3));
35+
});

‎jQuery/js/filename.js

Lines changed: 50 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -1,61 +1,50 @@
1-
$(document).ready(function(){
2-
3-
//string方法提取某个文件名后缀名的方法
4-
function ex_name(filename){
5-
var index = filename.lastIndexOf(".");
6-
var exname = filename.substr(index);
7-
8-
return exname.toLowerCase();
9-
}
10-
11-
alert(ex_name("javascript.base.js"));
12-
13-
//利用正则表达式来提取文件的后缀名
14-
function exname(filename){
15-
16-
// var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : '';
17-
// var fileExt = /[.]/.exec(filename);
18-
var fileExt = /[^.]+$/.exec(filename.toLowerCase());
19-
return "."+fileExt;
20-
21-
}
22-
23-
alert(exname("javascript.base.js"));
24-
25-
//正则表达式
26-
// . IE下[^\n]，其它[^\n\r] 匹配除换行符之外的任何一个字符
27-
// \d [0-9] 匹配数字
28-
// \D [^0-9] 匹配非数字字符
29-
// \s [ \n\r\t\f\x0B] 匹配一个空白字符
30-
// \S [^ \n\r\t\f\x0B] 匹配一个非空白字符
31-
// \w [a-zA-Z0-9_] 匹配字母数字和下划线
32-
// \W [^a-zA-Z0-9_] 匹配除字母数字下划线之外的字符
33-
// * 匹配前面的子表达式零次或多次。例如，zo* 能匹配 "z" 以及 "zoo"。 * 等价于{0,}。
34-
// + 匹配前面的子表达式一次或多次。例如，'zo+' 能匹配 "zo" 以及 "zoo"，但不能匹配 "z"。+ 等价于 {1,}。
35-
// ? 匹配前面的子表达式零次或一次。例如，"do(es)?" 可以匹配 "do" 或 "does" 中的"do" 。? 等价于 {0,1}。
36-
// {n} n 是一个非负整数。匹配确定的 n 次。例如，'o{2}' 不能匹配 "Bob" 中的 'o'，但是能匹配 "food" 中的两个 o。
37-
// {n,} n 是一个非负整数。至少匹配n 次。例如，'o{2,}' 不能匹配 "Bob" 中的 'o'，但能匹配 "foooood" 中的所有 o。'o{1,}' 等价于 'o+'。'o{0,}' 则等价于 'o*'。
38-
// {n,m} m 和 n 均为非负整数，其中n <= m。最少匹配 n 次且最多匹配 m 次。刘， "o{1,3}" 将匹配 "fooooood" 中的前三个 o。'o{0,1}' 等价于 'o?'。请注意在逗号和两个数之间不能有空格。
39-
40-
//\b 匹配单词的开始或结束
41-
//^ 匹配字符串的开始
42-
// "^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"　　　　//email地址
43-
// "^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"　　//url
44-
45-
var str0 = "some money";
46-
var re0 = /\s/;
47-
alert(str0.replace(re0,"%"));
48-
//多个空白符
49-
var str1 = "some money";
50-
re1 = /\s+$/;
51-
alert(str1.replace(re1,"#"));
52-
var str2 = "a-bd-c";
53-
var re2 = /[^a-z]/i;
54-
alert(str2.split(re2));
55-
var str3 = "My name is 18.Golden age!";
56-
var re3 = /\d+/;
57-
alert(str.search(re3));
58-
59-
}
60-
61-
});
1+
//在js文件里直接定义的函数，绑定在了window上，我理解我全局变量
2+
// //string方法提取某个文件名后缀名的方法
3+
// function ex_name(filename) {
4+
5+
// var index = filename.lastIndexOf(".");
6+
// var exname;
7+
// if (index == -1) {
8+
// return null;
9+
// } else {
10+
// exname = filename.substr(index + 1);
11+
// return exname.toLowerCase();
12+
// }
13+
// }
14+
15+
// //利用正则表达式来提取文件的后缀名
16+
// function exname(filename) {
17+
18+
// // var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : '';
19+
// // var fileExt = /[.]/.exec(filename);
20+
// var fileExt = /[^.]+$/.exec(filename.toLowerCase());
21+
// return fileExt;
22+
// }
23+
24+
(function($) {
25+
$.fn.extend({
26+
//在这定义的函数，绑定在了jQuery上
27+
extentionname: function(filename) {
28+
//得到后缀名
29+
var index = filename.lastIndexOf(".");
30+
var exname;
31+
if (index == -1 || index == 0) {
32+
exname = '非法文件名';
33+
} else {
34+
exname = filename.substr(index + 1);
35+
}
36+
37+
//输出文本
38+
var html = '';
39+
html += '<tr>';
40+
html += '<td>' + filename;
41+
html += '</td>';
42+
html += '<td>';
43+
html += exname;
44+
html += '</td>';
45+
html += '</tr>';
46+
47+
$(this).append(html);
48+
}
49+
});
50+
})(window.jQuery);

0 commit comments

Comments
 (0)