左側(cè)是表頭的JS表格控件(自寫(xiě),網(wǎng)上沒(méi)有的)
更新時(shí)間：2013年06月04日 15:59:10 作者：
左側(cè)是表頭的JS表格大家有木有遇到過(guò)呀，實(shí)在是沒(méi)有發(fā)現(xiàn)，于是自己動(dòng)手豐衣足食，特獻(xiàn)上實(shí)現(xiàn)代碼與大家共享，有類似需求的朋友可以參考下哈
今天，項(xiàng)目中要用到該表格，找了一遍，發(fā)現(xiàn)沒(méi)有合適的，于是自己動(dòng)手豐衣足食。
最終呈現(xiàn)效果如上圖，
1、左側(cè)是表頭的表格數(shù)據(jù)展現(xiàn)，
2、支持多行，多表頭
3、固定表頭的功能
4、能夠支持標(biāo)題
5、獲取表格中的數(shù)據(jù)
6、支持IE/CHROME
7、 表格能夠自適應(yīng)根據(jù)內(nèi)容行居中
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Grid左側(cè)固定測(cè)試</title>
<script src=LeftHeadGrid.js></script>
<link href="LeftHeadGrid.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="testdiv" align="center"></div>
</form>
</body>
<script type="text/javascript" >
var test = new LeftHeadGrid({
id: "leftHeadGrid",
width: 800,
title:"danielinbiti",
perUnitWidth:300,
rowHeads:[{
width:"60",
rowname:[{name:"日期"},{name:"數(shù)值"}]
}],
columnDatas:[{
width:[1,1],
rows:[[10130501,101011],[2,3]]
}]
});
test.RenderTo("testdiv");
</script>
</html>
LeftHeadGrid.js
var LeftHeadGrid = function(config) {
this.rowHeads = config.rowHeads != null ? config.rowHeads: [];//name
this.columnDatas = config.columnDatas != null ? config.columnDatas: [];
this.width = config.width != null ? config.width: "";
this.id = config.id != null ? config.id: "TreGrid";
this.perUnitWidth = config.perUnitWidth != null ? config.perUnitWidth: 10;
this.innerWidth = 0;
this.innerLWidth = 0;
this.height = 0;
this.title = config.title != null ? config.title: "";
this.noDataStr = config.noDataStr != null ? config.noDataStr: "no data";
}
LeftHeadGrid.prototype.createGrid = function(){
var totalwidth = 0;
var tableHtml = "<table>";
for(var i=0;i<this.rowHeads.length;i++){
var obj = this.rowHeads[i];
var width = obj.width;
totalwidth = totalwidth + parseInt(width);
var rownameobj = obj.rowname;
for(var j=0;j<rownameobj.length;j++){
var nameobj = rownameobj[j];
if(j==rownameobj.length-1){
tableHtml = tableHtml + "<tr><td class='bluelast' width='" + width + "px'>" + nameobj.name + "</td></tr>";
}else{
tableHtml = tableHtml + "<tr><td class='bluefirst' width='" + width + "px'>" + nameobj.name + "</td></tr>";
}
this.height = this.height + 40;
}
}
tableHtml = tableHtml + "</table>";
var headHtml = "<div class='leftheadcss' style='width:" + totalwidth + "px;'>";
headHtml = headHtml + tableHtml + "</div>";
this.innerLWidth = totalwidth;
this.innerWidth = this.width-totalwidth-5;
return headHtml;
}
LeftHeadGrid.prototype.RenderTo =function(divId){
//var innerWidth = this.width-100;
var headHtml = this.createGrid();
var html = "<div id='outframe' class='outframecss' style='width:" + this.width + "px;'>"
+ headHtml
+ "<div id='dataframe' class='dataframecss' style='width:" + this.innerWidth + "px;'>"
+ "<div id='leftgriddataview' class='innerdivcss'>"
+ "</div>"
+ "</div>"
+ "</div>"
html = "<div id='divtitle' class='grittitle' style='width:" + this.width + "px;height:30px'><big>" + this.title + "</big></div>"
+ html + "</div>";
document.getElementById(divId).innerHTML = html;
this.show();
}
LeftHeadGrid.prototype.show = function(){
if(this.columnDatas && this.columnDatas.length>0){
var obj = this.columnDatas[0];
var widthArr = obj.width;
var rows = obj.rows;
var totalWidth = 0;
for(var i=0;i<widthArr.length;i++){
widthArr[i] = parseInt(widthArr[i])*this.perUnitWidth;
totalWidth = totalWidth + widthArr[i];
}
var tableHtml = "<table width='"+totalWidth +"'>";
for(var i=0;i<rows.length;i++){
var rowvalueArr = rows[i];
tableHtml = tableHtml + "<tr>";
for(var j=0;j<rowvalueArr.length;j++){
tableHtml = tableHtml + "<td width='"+widthArr[j]+"px'>" + rowvalueArr[j] + "</td>";
}
tableHtml = tableHtml + "</tr>";
}
tableHtml = tableHtml + "</table>";
if(this.innerWidth>totalWidth){
document.getElementById("dataframe").style.width=(parseInt(totalWidth))+"px";
document.getElementById("divtitle").style.width=(parseInt(this.innerLWidth)+parseInt(totalWidth))+"px";
document.getElementById("outframe").style.width=(parseInt(this.innerLWidth)+parseInt(totalWidth)+4)+"px";
}
document.getElementById("leftgriddataview").innerHTML = tableHtml;
}else{
document.getElementById("leftgriddataview").style.height=(this.height+4)+"px";
document.getElementById("leftgriddataview").innerHTML = this.noDataStr;
}
}
LeftHeadGrid.prototype.addData = function(data){
this.columnDatas = data;
this.show();
}
LeftHeadGrid.prototype.getData = function(){
var rtnObj = new Array();
if(this.columnDatas && this.columnDatas.length>0){
var obj = this.columnDatas[0];
var widthArr = obj.width;
var rows = obj.rows;
for(var i=0;i<rows.length;i++){
var rowvalueArr = rows[i];
for(var j=0;j<rowvalueArr.length;j++){
if(j==0){
rtnObj[i] = rowvalueArr[j];
}else{
rtnObj[i] = rtnObj[i] + "," + rowvalueArr[j];
}
}
}
}
return rtnObj;
}
LeftHeadGrid.prototype.getHead = function(){
var rtnObj = new Array();
for(var i=0;i<this.rowHeads.length;i++){
var obj = this.rowHeads[i];
var rownameobj = obj.rowname;
for(var j=0;j<rownameobj.length;j++){
var nameobj = rownameobj[j];
if(j==0){
rtnObj[i] = nameobj.name;
}else{
rtnObj[i] = rtnObj[i] + "," + nameobj.name;
}
}
}
return rtnObj;
}
如果有需要，各位可以自己更改
完整源碼:
http://xiazai.jb51.net/201306/yuanma/LeftHeadGrid_jb51net.rar
var LeftHeadGrid = function(config) {
this.rowHeads = config.rowHeads != null ? config.rowHeads: [];//name
this.columnDatas = config.columnDatas != null ? config.columnDatas: [];
this.width = config.width != null ? config.width: "";
this.id = config.id != null ? config.id: "TreGrid";
this.perUnitWidth = config.perUnitWidth != null ? config.perUnitWidth: 10;
this.innerWidth = 0;
this.innerLWidth = 0;
this.height = 0;
this.title = config.title != null ? config.title: "";
this.noDataStr = config.noDataStr != null ? config.noDataStr: "no data";
}
LeftHeadGrid.prototype.createGrid = function(){
var totalwidth = 0;
var tableHtml = "<table>";
for(var i=0;i<this.rowHeads.length;i++){
var obj = this.rowHeads[i];
var width = obj.width;
totalwidth = totalwidth + parseInt(width);
var rownameobj = obj.rowname;
for(var j=0;j<rownameobj.length;j++){
var nameobj = rownameobj[j];
if(j==rownameobj.length-1){
tableHtml = tableHtml + "<tr><td class='bluelast' width='" + width + "px'>" + nameobj.name + "</td></tr>";
}else{
tableHtml = tableHtml + "<tr><td class='bluefirst' width='" + width + "px'>" + nameobj.name + "</td></tr>";
}
this.height = this.height + 40;
}
}
tableHtml = tableHtml + "</table>";
var headHtml = "<div class='leftheadcss' style='width:" + totalwidth + "px;'>";
headHtml = headHtml + tableHtml + "</div>";
this.innerLWidth = totalwidth;
this.innerWidth = this.width-totalwidth-5;
return headHtml;
}
LeftHeadGrid.prototype.RenderTo =function(divId){
//var innerWidth = this.width-100;
var headHtml = this.createGrid();
var html = "<div id='outframe' class='outframecss' style='width:" + this.width + "px;'>"
+ headHtml
+ "<div id='dataframe' class='dataframecss' style='width:" + this.innerWidth + "px;'>"
+ "<div id='leftgriddataview' class='innerdivcss'>"
+ "</div>"
+ "</div>"
+ "</div>"
html = "<div id='divtitle' class='grittitle' style='width:" + this.width + "px;height:30px'><big>" + this.title + "</big></div>"
+ html + "</div>";
document.getElementById(divId).innerHTML = html;
this.show();
}
LeftHeadGrid.prototype.show = function(){
if(this.columnDatas && this.columnDatas.length>0){
var obj = this.columnDatas[0];
var widthArr = obj.width;
var rows = obj.rows;
var totalWidth = 0;
for(var i=0;i<widthArr.length;i++){
widthArr[i] = parseInt(widthArr[i])*this.perUnitWidth;
totalWidth = totalWidth + widthArr[i];
}
var tableHtml = "<table width='"+totalWidth +"'>";
for(var i=0;i<rows.length;i++){
var rowvalueArr = rows[i];
tableHtml = tableHtml + "<tr>";
for(var j=0;j<rowvalueArr.length;j++){
tableHtml = tableHtml + "<td width='"+widthArr[j]+"px'>" + rowvalueArr[j] + "</td>";
}
tableHtml = tableHtml + "</tr>";
}
tableHtml = tableHtml + "</table>";
if(this.innerWidth>totalWidth){
document.getElementById("dataframe").style.width=(parseInt(totalWidth))+"px";
document.getElementById("divtitle").style.width=(parseInt(this.innerLWidth)+parseInt(totalWidth))+"px";
document.getElementById("outframe").style.width=(parseInt(this.innerLWidth)+parseInt(totalWidth)+4)+"px";
}
document.getElementById("leftgriddataview").innerHTML = tableHtml;
}else{
document.getElementById("leftgriddataview").style.height=(this.height+4)+"px";
document.getElementById("leftgriddataview").innerHTML = this.noDataStr;
}
}
LeftHeadGrid.prototype.addData = function(data){
this.columnDatas = data;
this.show();
}
LeftHeadGrid.prototype.getData = function(){
var rtnObj = new Array();
if(this.columnDatas && this.columnDatas.length>0){
var obj = this.columnDatas[0];
var widthArr = obj.width;
var rows = obj.rows;
for(var i=0;i<rows.length;i++){
var rowvalueArr = rows[i];
for(var j=0;j<rowvalueArr.length;j++){
if(j==0){
rtnObj[i] = rowvalueArr[j];
}else{
rtnObj[i] = rtnObj[i] + "," + rowvalueArr[j];
}
}
}
}
return rtnObj;
}
LeftHeadGrid.prototype.getHead = function(){
var rtnObj = new Array();
for(var i=0;i<this.rowHeads.length;i++){
var obj = this.rowHeads[i];
var rownameobj = obj.rowname;
for(var j=0;j<rownameobj.length;j++){
var nameobj = rownameobj[j];
if(j==0){
rtnObj[i] = nameobj.name;
}else{
rtnObj[i] = rtnObj[i] + "," + nameobj.name;
}
}
}
return rtnObj;
}
最終呈現(xiàn)效果如上圖，
1、左側(cè)是表頭的表格數(shù)據(jù)展現(xiàn)，
2、支持多行，多表頭
3、固定表頭的功能
4、能夠支持標(biāo)題
5、獲取表格中的數(shù)據(jù)
6、支持IE/CHROME
7、 表格能夠自適應(yīng)根據(jù)內(nèi)容行居中
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Grid左側(cè)固定測(cè)試</title>
<script src=LeftHeadGrid.js></script>
<link href="LeftHeadGrid.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="testdiv" align="center"></div>
</form>
</body>
<script type="text/javascript" >
var test = new LeftHeadGrid({
id: "leftHeadGrid",
width: 800,
title:"danielinbiti",
perUnitWidth:300,
rowHeads:[{
width:"60",
rowname:[{name:"日期"},{name:"數(shù)值"}]
}],
columnDatas:[{
width:[1,1],
rows:[[10130501,101011],[2,3]]
}]
});
test.RenderTo("testdiv");
</script>
</html>
LeftHeadGrid.js
復(fù)制代碼 代碼如下:
var LeftHeadGrid = function(config) {
this.rowHeads = config.rowHeads != null ? config.rowHeads: [];//name
this.columnDatas = config.columnDatas != null ? config.columnDatas: [];
this.width = config.width != null ? config.width: "";
this.id = config.id != null ? config.id: "TreGrid";
this.perUnitWidth = config.perUnitWidth != null ? config.perUnitWidth: 10;
this.innerWidth = 0;
this.innerLWidth = 0;
this.height = 0;
this.title = config.title != null ? config.title: "";
this.noDataStr = config.noDataStr != null ? config.noDataStr: "no data";
}
LeftHeadGrid.prototype.createGrid = function(){
var totalwidth = 0;
var tableHtml = "<table>";
for(var i=0;i<this.rowHeads.length;i++){
var obj = this.rowHeads[i];
var width = obj.width;
totalwidth = totalwidth + parseInt(width);
var rownameobj = obj.rowname;
for(var j=0;j<rownameobj.length;j++){
var nameobj = rownameobj[j];
if(j==rownameobj.length-1){
tableHtml = tableHtml + "<tr><td class='bluelast' width='" + width + "px'>" + nameobj.name + "</td></tr>";
}else{
tableHtml = tableHtml + "<tr><td class='bluefirst' width='" + width + "px'>" + nameobj.name + "</td></tr>";
}
this.height = this.height + 40;
}
}
tableHtml = tableHtml + "</table>";
var headHtml = "<div class='leftheadcss' style='width:" + totalwidth + "px;'>";
headHtml = headHtml + tableHtml + "</div>";
this.innerLWidth = totalwidth;
this.innerWidth = this.width-totalwidth-5;
return headHtml;
}
LeftHeadGrid.prototype.RenderTo =function(divId){
//var innerWidth = this.width-100;
var headHtml = this.createGrid();
var html = "<div id='outframe' class='outframecss' style='width:" + this.width + "px;'>"
+ headHtml
+ "<div id='dataframe' class='dataframecss' style='width:" + this.innerWidth + "px;'>"
+ "<div id='leftgriddataview' class='innerdivcss'>"
+ "</div>"
+ "</div>"
+ "</div>"
html = "<div id='divtitle' class='grittitle' style='width:" + this.width + "px;height:30px'><big>" + this.title + "</big></div>"
+ html + "</div>";
document.getElementById(divId).innerHTML = html;
this.show();
}
LeftHeadGrid.prototype.show = function(){
if(this.columnDatas && this.columnDatas.length>0){
var obj = this.columnDatas[0];
var widthArr = obj.width;
var rows = obj.rows;
var totalWidth = 0;
for(var i=0;i<widthArr.length;i++){
widthArr[i] = parseInt(widthArr[i])*this.perUnitWidth;
totalWidth = totalWidth + widthArr[i];
}
var tableHtml = "<table width='"+totalWidth +"'>";
for(var i=0;i<rows.length;i++){
var rowvalueArr = rows[i];
tableHtml = tableHtml + "<tr>";
for(var j=0;j<rowvalueArr.length;j++){
tableHtml = tableHtml + "<td width='"+widthArr[j]+"px'>" + rowvalueArr[j] + "</td>";
}
tableHtml = tableHtml + "</tr>";
}
tableHtml = tableHtml + "</table>";
if(this.innerWidth>totalWidth){
document.getElementById("dataframe").style.width=(parseInt(totalWidth))+"px";
document.getElementById("divtitle").style.width=(parseInt(this.innerLWidth)+parseInt(totalWidth))+"px";
document.getElementById("outframe").style.width=(parseInt(this.innerLWidth)+parseInt(totalWidth)+4)+"px";
}
document.getElementById("leftgriddataview").innerHTML = tableHtml;
}else{
document.getElementById("leftgriddataview").style.height=(this.height+4)+"px";
document.getElementById("leftgriddataview").innerHTML = this.noDataStr;
}
}
LeftHeadGrid.prototype.addData = function(data){
this.columnDatas = data;
this.show();
}
LeftHeadGrid.prototype.getData = function(){
var rtnObj = new Array();
if(this.columnDatas && this.columnDatas.length>0){
var obj = this.columnDatas[0];
var widthArr = obj.width;
var rows = obj.rows;
for(var i=0;i<rows.length;i++){
var rowvalueArr = rows[i];
for(var j=0;j<rowvalueArr.length;j++){
if(j==0){
rtnObj[i] = rowvalueArr[j];
}else{
rtnObj[i] = rtnObj[i] + "," + rowvalueArr[j];
}
}
}
}
return rtnObj;
}
LeftHeadGrid.prototype.getHead = function(){
var rtnObj = new Array();
for(var i=0;i<this.rowHeads.length;i++){
var obj = this.rowHeads[i];
var rownameobj = obj.rowname;
for(var j=0;j<rownameobj.length;j++){
var nameobj = rownameobj[j];
if(j==0){
rtnObj[i] = nameobj.name;
}else{
rtnObj[i] = rtnObj[i] + "," + nameobj.name;
}
}
}
return rtnObj;
}
如果有需要，各位可以自己更改
完整源碼:
http://xiazai.jb51.net/201306/yuanma/LeftHeadGrid_jb51net.rar
復(fù)制代碼 代碼如下:
var LeftHeadGrid = function(config) {
this.rowHeads = config.rowHeads != null ? config.rowHeads: [];//name
this.columnDatas = config.columnDatas != null ? config.columnDatas: [];
this.width = config.width != null ? config.width: "";
this.id = config.id != null ? config.id: "TreGrid";
this.perUnitWidth = config.perUnitWidth != null ? config.perUnitWidth: 10;
this.innerWidth = 0;
this.innerLWidth = 0;
this.height = 0;
this.title = config.title != null ? config.title: "";
this.noDataStr = config.noDataStr != null ? config.noDataStr: "no data";
}
LeftHeadGrid.prototype.createGrid = function(){
var totalwidth = 0;
var tableHtml = "<table>";
for(var i=0;i<this.rowHeads.length;i++){
var obj = this.rowHeads[i];
var width = obj.width;
totalwidth = totalwidth + parseInt(width);
var rownameobj = obj.rowname;
for(var j=0;j<rownameobj.length;j++){
var nameobj = rownameobj[j];
if(j==rownameobj.length-1){
tableHtml = tableHtml + "<tr><td class='bluelast' width='" + width + "px'>" + nameobj.name + "</td></tr>";
}else{
tableHtml = tableHtml + "<tr><td class='bluefirst' width='" + width + "px'>" + nameobj.name + "</td></tr>";
}
this.height = this.height + 40;
}
}
tableHtml = tableHtml + "</table>";
var headHtml = "<div class='leftheadcss' style='width:" + totalwidth + "px;'>";
headHtml = headHtml + tableHtml + "</div>";
this.innerLWidth = totalwidth;
this.innerWidth = this.width-totalwidth-5;
return headHtml;
}
LeftHeadGrid.prototype.RenderTo =function(divId){
//var innerWidth = this.width-100;
var headHtml = this.createGrid();
var html = "<div id='outframe' class='outframecss' style='width:" + this.width + "px;'>"
+ headHtml
+ "<div id='dataframe' class='dataframecss' style='width:" + this.innerWidth + "px;'>"
+ "<div id='leftgriddataview' class='innerdivcss'>"
+ "</div>"
+ "</div>"
+ "</div>"
html = "<div id='divtitle' class='grittitle' style='width:" + this.width + "px;height:30px'><big>" + this.title + "</big></div>"
+ html + "</div>";
document.getElementById(divId).innerHTML = html;
this.show();
}
LeftHeadGrid.prototype.show = function(){
if(this.columnDatas && this.columnDatas.length>0){
var obj = this.columnDatas[0];
var widthArr = obj.width;
var rows = obj.rows;
var totalWidth = 0;
for(var i=0;i<widthArr.length;i++){
widthArr[i] = parseInt(widthArr[i])*this.perUnitWidth;
totalWidth = totalWidth + widthArr[i];
}
var tableHtml = "<table width='"+totalWidth +"'>";
for(var i=0;i<rows.length;i++){
var rowvalueArr = rows[i];
tableHtml = tableHtml + "<tr>";
for(var j=0;j<rowvalueArr.length;j++){
tableHtml = tableHtml + "<td width='"+widthArr[j]+"px'>" + rowvalueArr[j] + "</td>";
}
tableHtml = tableHtml + "</tr>";
}
tableHtml = tableHtml + "</table>";
if(this.innerWidth>totalWidth){
document.getElementById("dataframe").style.width=(parseInt(totalWidth))+"px";
document.getElementById("divtitle").style.width=(parseInt(this.innerLWidth)+parseInt(totalWidth))+"px";
document.getElementById("outframe").style.width=(parseInt(this.innerLWidth)+parseInt(totalWidth)+4)+"px";
}
document.getElementById("leftgriddataview").innerHTML = tableHtml;
}else{
document.getElementById("leftgriddataview").style.height=(this.height+4)+"px";
document.getElementById("leftgriddataview").innerHTML = this.noDataStr;
}
}
LeftHeadGrid.prototype.addData = function(data){
this.columnDatas = data;
this.show();
}
LeftHeadGrid.prototype.getData = function(){
var rtnObj = new Array();
if(this.columnDatas && this.columnDatas.length>0){
var obj = this.columnDatas[0];
var widthArr = obj.width;
var rows = obj.rows;
for(var i=0;i<rows.length;i++){
var rowvalueArr = rows[i];
for(var j=0;j<rowvalueArr.length;j++){
if(j==0){
rtnObj[i] = rowvalueArr[j];
}else{
rtnObj[i] = rtnObj[i] + "," + rowvalueArr[j];
}
}
}
}
return rtnObj;
}
LeftHeadGrid.prototype.getHead = function(){
var rtnObj = new Array();
for(var i=0;i<this.rowHeads.length;i++){
var obj = this.rowHeads[i];
var rownameobj = obj.rowname;
for(var j=0;j<rownameobj.length;j++){
var nameobj = rownameobj[j];
if(j==0){
rtnObj[i] = nameobj.name;
}else{
rtnObj[i] = rtnObj[i] + "," + nameobj.name;
}
}
}
return rtnObj;
}
相關(guān)文章
淺析location.href跨窗口調(diào)用函數(shù)
本文詳細(xì)介紹了location.href跨窗口調(diào)用函數(shù)，具體的使用方法及實(shí)例，有需要的朋友可以參考下2016-11-11
微信小程序通過(guò)websocket實(shí)時(shí)語(yǔ)音識(shí)別的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序通過(guò)websocket實(shí)時(shí)語(yǔ)音識(shí)別，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
如一個(gè)文件上傳功能，需要對(duì)上傳文件進(jìn)行文件格式限制。我們通常會(huì)使用后綴名做限制。2011-03-03
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)驗(yàn)證碼案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
用Javascript檢查Adobe PDF插件是否安裝的實(shí)現(xiàn)代碼
用Javascript檢查Adobe PDF插件是否安裝的代碼2009-12-12
詳解javascript中對(duì)數(shù)據(jù)格式化的思考
本篇文章主要介紹了詳解javascript中對(duì)數(shù)據(jù)文本格式化的思考 ，具有一定的參考價(jià)值，有興趣的可以了解一下。2017-01-01
JavaScript類的繼承操作實(shí)例總結(jié)
這篇文章主要介紹了JavaScript類的繼承操作,結(jié)合實(shí)例形式總結(jié)分析了JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)中類的繼承常見(jiàn)實(shí)現(xiàn)方式與操作技巧,需要的朋友可以參考下2018-12-12
基于JavaScript中字符串的match與replace方法(詳解)
下面小編就為大家介紹一下JavaScript中的字符串的match與replace方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
JS自帶一套內(nèi)存管理引擎,負(fù)責(zé)創(chuàng)建對(duì)象、銷毀對(duì)象,以及垃圾回收,下面這篇文章主要給大家介紹了關(guān)于JavaScript垃圾回收機(jī)制的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-11-11
JS?Angular?服務(wù)器端渲染應(yīng)用設(shè)置渲染超時(shí)時(shí)間???????
這篇文章主要介紹了JS?Angular服務(wù)器端渲染應(yīng)用設(shè)置渲染超時(shí)時(shí)間,???????通過(guò)setTimeout模擬一個(gè)需要5秒鐘才能完成調(diào)用的API展開(kāi)詳情，需要的小伙伴可以參考一下2022-06-06