//js表格 生成表格代码
//arrTh 表头信息
//arrTr 数据
var getTable = function(arrTh, arrTr){
var s = '<table class="tbData">'
s += '<tr>'
for(var i=0i<arrTh.lengthi++) {
s += '<th>' + arrTh[i] + '</th>'
}
s += '</tr>'
for(var i=0i<arrTr.lengthi++) {
s += '<tr>'
for(var j=0j<arrTr[i].lengthj++) {
s += '<td>' + arrTr[i][j] + '</td>'
}
s += '</tr>'
}
s += '</table>'
return s
}
js分页
//js分页
//el:分页容器 count:总记录数 pageStep:每页显示多少个 pageNum:第几页 fnGo:分页跳转函数
var jsPage = function(el, count, pageStep, pageNum, fnGo) {
this.getLink = function(fnGo, index, pageNum, text) {
var s = '<a href="#p' + index + '" onclick="' + fnGo + '(' + index + ')" '
if(index == pageNum) {
s += 'class="aCur" '
}
text = text || index
s += '>' + text + '</a>'
return s
}
//总页数
var pageNumAll = Math.ceil(count / pageStep)
if (pageNumAll == 1) {
divPage.innerHTML = ''
return
}
var itemNum = 5//当前页左右两边显示个数
pageNum = Math.max(pageNum, 1)
pageNum = Math.min(pageNum, pageNumAll)
var s = ''
if (pageNum >1) {
s += this.getLink(fnGo, pageNum-1, pageNum, '上一页')
} else {
s += '<span>上一页</span>'
}
var begin = 1
if (pageNum - itemNum >1) {
s += this.getLink(fnGo, 1, pageNum) + '... '
begin = pageNum - itemNum
}
var end = Math.min(pageNumAll, begin + itemNum*2)
if(end == pageNumAll - 1){
end = pageNumAll
}
for (var i = begini <= endi++) {
s += this.getLink(fnGo, i, pageNum)
}
if (end <pageNumAll) {
s += '... ' + this.getLink(fnGo, pageNumAll, pageNum)
}
if (pageNum <pageNumAll) {
s += this.getLink(fnGo, pageNum+1, pageNum, '下一页')
} else {
s += '<span>下一页</span>'
}
var divPage = document.getElementById(el)
divPage.innerHTML = s
}
js返回随机数据
//js随机内容
var jsRand = {}
//随机数字
jsRand.int = function(min,max){
return this.show('i', min, max)
}
//随机字符
jsRand.str = jsRand.string = function(min,max){
return this.show('', min, max)
}
//随机日期
jsRand.date = function(){
return this.show('d')
}
//随机金额
jsRand.money = function(min,max){
return this.show('m', min, max)
}
//随机汉字
jsRand.ch = function(min,max){
return this.show('ch', min, max)
}
jsRand.show = function(type,min,max) {
var str
if(type == 'i') {
str = this.rand(min, max)
} else if(type == 'm') {
str = '￥' + this.rand(min, max) + '.00'
} else if(type == 'd') {
str = this.rand(1990,2020) + '-'
str += this.rand(1,12,2) + '-'
str += this.rand(1,31,2) + ' '
str += this.rand(0,23,2) + ':'
str += this.rand(1,59,2)
} else {
min = min||0
max = max||10
str = ''
var len = this.rand(min, max)
for(var i=0i<leni++) {
var iChar = this.rand(48, 122)
if(type == 'ch') {
iChar = this.rand(19968, 40869)
}
var chr = String.fromCharCode(iChar)
chr = chr.replace(/&/g,"&")
.replace(/</g,"<")
.replace(/>/g,">")
.replace(/ /g," ")
.replace(/'/g,"'")
.replace(/"/g,""")
str += chr
}
}
return str
}
jsRand.rand = function(min, max, len) {
min = min||0
max = max||1000
var val = min + Math.round(Math.random() * (max-min))
if(len) {
while((''+val).length <len) {
val = '0' + val
}
}
return val
}
使用方法
function goPage(pageIndex) {
var arrTh = ['ID','名称','金额','备注','添加时间']
var arrTr = []
for(var i=0i<20i++)
{
arrTr.push([
jsRand.int(1, 1000),
jsRand.str(),
jsRand.money(),
jsRand.show('ch', 0, 20),
jsRand.date()
])
}
document.getElementById('divData').innerHTML = getTable(arrTh, arrTr)
jsPage('divPage', 800, 10, pageIndex, 'goPage')
}
goPage(1)
不能。
js就是调用一个js文件 也就是利用js来调用某些经常需要更改的东西。js文件只需用记事本就可打开修改,修改完成必须以js为后缀的文件。
搜索引擎读取不了js文件,因此我们才会将一些与页面不相关的内容,以js外部文件方式调用,以提高网站主题性。js会被运用在ajax里,也就是异步传输,就像你在搜索框里输入字,然后下面会出来一排搜索提示,因为这个数据具有高度可变异性,非常难以处理。
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。
它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
