<img src="图片路径" / alt="说明文字">
不过这个方法的说明文字 只有IE下才能正常显示
如果想FF也能正常显示的话 就这么写
<img src="图片路径" / title="说明文字">
希望对您有帮助哦
html 前端分页代码怎么写,纯JavaScript实现的前端分页代码 转载2021-06-19 11:07:20
守望之鹰
码龄3年
关注
最近我遇到问题，就是控制table表格的行不要太长，这里最简单方便的方法就是用前端分页，控制表格显示的行数，在网上找了一番，终于找到一个比较合适的前端分页代码。示例如下：
html代码：
//全局变量
var numCount//数据总数量
var columnsCounts//数据列数量
var pageCount//每页显示的数量
var pageNum//总页数
var currPageNum //当前页数
//页面标签变量
var blockTable
var preSpan
var firstSpan
var nextSpan
var lastSpan
var pageNumSpan
var currPageSpan
window.οnlοad=function(){
//页面标签变量
blockTable = document.getElementById("blocks")
preSpan = document.getElementById("spanPre")
firstSpan = document.getElementById("spanFirst")
nextSpan = document.getElementById("spanNext")
lastSpan = document.getElementById("spanLast")
pageNumSpan = document.getElementById("spanTotalPage")
currPageSpan = document.getElementById("spanPageNum")
numCount = document.getElementById("blocks").rows.length - 1//取table的行数作为数据总数量(减去标题行1)
alert(numCount)
columnsCounts = blockTable.rows[0].cells.length
pageCount = 5
pageNum = parseInt(numCount/pageCount)
if(0 != numCount%pageCount){
pageNum += 1
}
firstPage()
}
<!DOCTYPE HTML><html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
window.onload=function ()
{
var oPanDiv=document.getElementById('oPanDiv')
var aA=oPanDiv.getElementsByTagName('a')
var i=0
var answer=3//->第三个答案
for(i=0i<aA.lengthi++)
{
aA[i].index=i
aA[i].onclick=function ()
{
if((this.index+1)==answer)
{
alert('正确')
}
else
{
alert('错误')
}
}
}
}
</script>
</head>
<body>
<div id="oPanDiv">
<a href="javascript:">A</a>
<a href="javascript:">B</a>
<a href="javascript:">C</a>
</div>
</body>
</html>
代码如上，你可以修改answer的值来设置你需要哪个答案是正确的，不要超过答案的个数，否则出错
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）