请高手看看这个页面，有没有好的方法修改原有代码以解决以下两个问题：.........

websa 2002-12-17 02:28:26
请高手看看这个页面，有没有好的方法修改原有代码以解决以下两个问题：
1.如果定义colNum 比较的小，能否做到效果居中显示（比如var colNum = 3时，表格居中显示)??
2.分页打印的时候，如何在打印的每一页都有报表标题的显示效果？？？（很棘手的问题）
html原码如下（可以改变定义rowNum ，colNum的值看显示的效果）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<script language="javascript">
function doPrint() {
var innerString;

var result;
inner = document.body.innerHTML;
document.body.innerHTML = document.all.table1.innerHTML +document.all.dataContainer.innerHTML ;
window.print();
document.body.innerHTML = inner;
}
</script>
<SCRIPT>
var rowNum = 15;
var colNum = 6;
function drawTab (rows, cols, color, id)
{
sHTML = "<TABLE id='"+id+"' bgcolor='"+color+"' border=1 style='tableLayout:fixed'>";
sHTML += "\n<THEAD id='downTblHead'>\n";
i=0;
for (var j=0; j < cols; j++)
{
sHTML += "<TH id='a0"+j+"' nowrap style='word-wrap: break-word;'>这是: Row"+i+"Col"+j+"</TH>";
}
sHTML += "\n</THEAD>\n";
sHTML += "\n<TBODY>\n";
for (var i=1; i<rows; i++)
{
sHTML += "\n<TR>\n";

for (var j=0; j<cols; j++)
{
sHTML += "<TD id='a"+i+j+"' nowrap>这是: Row"+i+"Col"+j+"</TD>";
}
sHTML += "\n</TR>\n";
}

sHTML += "\n</TBODY>\n";
sHTML += "\n</TABLE>";
return sHTML;

}

function cloneHeader ()
{
var x = document.all['downTblHead'].cloneNode(true);
for (var j = 0; j < colNum; j++)
{
document.all['a0'+j].id = 'head'+j;
}
document.all['downTblHead'].id = "downTblHead4hidden";
document.all['upTbl'].appendChild(x);
document.all['upTbl'].width = document.all['downTblHead4hidden'].offsetWidth;
synchronizeHeader ()
}

function synchronizeHeader ()
{
var ok = true;
var max = 0;
while (ok && max < 20)
{
max++;
ok = false;
for (var j = 0; j < colNum; j++)
{
if (document.all['a0'+j].offsetWidth != document.all['head'+j].offsetWidth)
{
ok = true;
document.all['a0'+j].style.width = document.all['head'+j].offsetWidth;
}
}
}

}

function getScrollBraWidth ()
{
try
{
var elem = document.createElement("DIV");
elem.id = "asdf";
elem.style.width = 200;
elem.style.height = 300;
elem.style.overflow = "scroll";
elem.style.position = "absolute";
elem.style.visibility = "hidden";
elem.style.top = "0";
elem.style.left = "0";
document.body.appendChild (elem);
scrollWidth = document.all['asdf'].offsetWidth - document.all['asdf'].clientWidth;
document.body.removeChild (elem);
delete elem;
}
catch (ex)
{
return false;
}
return scrollWidth;
}

</SCRIPT>

<META content="MSHTML 6.00.2719.2200" name=GENERATOR></HEAD>
<BODY text=#000000 bgColor=#ffffff onload="cloneHeader ();">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (window.print) {
document.write('<form>'+ '<input type=button name=print value="打印页面" '
+ 'onClick="javascript:doPrint()"></form>');
}
// End -->
</script>
<table id ="table1" width="98%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>

<td bgcolor="#F2F2F2" align="center" nowrap><font size="5" color=#000000>测试</font></td>
</tr>
</table>
<DIV id=headerContainer style="Z-INDEX: 2; POSITION: absolute">
<TABLE id=upTbl style="tableLayout: fixed" bgColor=gray border=1>
<TBODY></TBODY></TABLE></DIV>
<DIV id=dataContainer
style="Z-INDEX: 1; OVERFLOW: scroll; POSITION: absolute; HEIGHT: 300px">
<SCRIPT language=JavaScript>
<!--
document.write(drawTab(rowNum, colNum, "", "data"));
document.all['dataContainer'].style.width = document.all['data'].offsetWidth + getScrollBraWidth ();
document.all['headerContainer'].style.width = document.all['data'].offsetWidth;
//-->
</SCRIPT>
</DIV></BODY></HTML>
...全文
42 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
topmonkey 2002-12-17
  • 打赏
  • 举报
 回复
顶！
问题2期待中……
利而不害 2002-12-17
  • 打赏
  • 举报
 回复
如此可以居中
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<script language="javascript">
function doPrint() {
var innerString;

var result;
inner = document.body.innerHTML;
document.body.innerHTML = document.all.table1.innerHTML +document.all.dataContainer.innerHTML ;
window.print();
document.body.innerHTML = inner;
}
</script>
<SCRIPT>
var rowNum = 15;
var colNum = 4;
function drawTab (rows, cols, color, id)
{
sHTML = "<TABLE id='"+id+"' bgcolor='"+color+"' border=1 style='tableLayout:fixed'>";
sHTML += "\n<THEAD id='downTblHead'>\n";
i=0;
for (var j=0; j < cols; j++)
{
sHTML += "<TH id='a0"+j+"' nowrap style='word-wrap: break-word;'>这是: Row"+i+"Col"+j+"</TH>";
}
sHTML += "\n</THEAD>\n";
sHTML += "\n<TBODY>\n";
for (var i=1; i<rows; i++)
{
sHTML += "\n<TR>\n";

for (var j=0; j<cols; j++)
{
sHTML += "<TD id='a"+i+j+"' nowrap>这是: Row"+i+"Col"+j+"</TD>";
}
sHTML += "\n</TR>\n";
}

sHTML += "\n</TBODY>\n";
sHTML += "\n</TABLE>";
return sHTML;

}

function cloneHeader ()
{
var x = document.all['downTblHead'].cloneNode(true);
for (var j = 0; j < colNum; j++)
{
document.all['a0'+j].id = 'head'+j;
}
document.all['downTblHead'].id = "downTblHead4hidden";
document.all['upTbl'].appendChild(x);
document.all['upTbl'].width = document.all['downTblHead4hidden'].offsetWidth;
synchronizeHeader ()
}

function synchronizeHeader ()
{
var ok = true;
var max = 0;
while (ok && max < 20)
{
max++;
ok = false;
for (var j = 0; j < colNum; j++)
{
if (document.all['a0'+j].offsetWidth != document.all['head'+j].offsetWidth)
{
ok = true;
document.all['a0'+j].style.width = document.all['head'+j].offsetWidth;
}
}
}

}

function getScrollBraWidth ()
{
try
{
var elem = document.createElement("DIV");
elem.id = "asdf";
elem.style.width = 200;
elem.style.height = 300;
elem.style.overflow = "scroll";
elem.style.position = "absolute";
elem.style.visibility = "hidden";
elem.style.top = "0";
elem.style.left = "0";
document.body.appendChild (elem);
scrollWidth = document.all['asdf'].offsetWidth - document.all['asdf'].clientWidth;
document.body.removeChild (elem);
delete elem;
}
catch (ex)
{
return false;
}
return scrollWidth;
}

</SCRIPT>

<META content="MSHTML 6.00.2719.2200" name=GENERATOR></HEAD>
<BODY text=#000000 bgColor=#ffffff onload="cloneHeader ();">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (window.print) {
document.write('<form>'+ '<input type=button name=print value="打印页面" '
+ 'onClick="javascript:doPrint()"></form>');
}
// End -->
</script>
<table id ="table1" width="98%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>

<td bgcolor="#F2F2F2" align="center" nowrap><font size="5" color=#000000>测试</font></td>
</tr>
</table>
<center>
<DIV id=headerContainer style="Z-INDEX: 2; POSITION: absolute">
<TABLE id=upTbl style="tableLayout: fixed" bgColor=gray border=1>
<TBODY></TBODY></TABLE></DIV>
<DIV id=dataContainer
style="Z-INDEX: 1; OVERFLOW: scroll; POSITION: relative; HEIGHT: 300px">
<SCRIPT language=JavaScript>
<!--
document.write(drawTab(rowNum, colNum, "", "data"));
document.all['dataContainer'].style.width = document.all['data'].offsetWidth + getScrollBraWidth ();
document.all['headerContainer'].style.width = document.all['data'].offsetWidth;
//-->
</SCRIPT>
</DIV>
</center>
</BODY></HTML>
（86页PPT）博采互动天都城A新媒体运营方案.pptx
（86页PPT）博采互动天都城A新媒体运营方案.pptx
8K超高清自然风景动物演示测试视频素材-最新出炉.zip
一、资源特点 全新力作：今年精心打造，人工细细打磨，品质上乘。 权威精准：数据来源，准确靠谱，值得信赖。 品质无忧：绝无数据造假，品质有保障，放心使用。 二、适用人群 学生：在校专科生、本科生、研究生，助力学业各个环节。 教研人员：大学教师和学术科研工作者，为教学科研添力。 三、适用专业 社科经济：经济学、社会学专业适用。 规划管理：地理学、城市规划，以及商业、工商管理专业皆可使用。 [特别说明]相关资源数据已全部上传至网盘。 由于纯手工分享粘贴链接和提取码，不排除有极少提取码或者链接出现差错（或内容与标题对不上），若遇到这种情况，不要着急，请私信博主，将会第一时间更正补链接！
多微电网基于约束差分进化算法的大规模矩阵优化多微电网拓扑设计（Matlab代码实现）
内容概要：本文围绕“基于约束差分进化算法的大规模矩阵优化多微电网拓扑设计”展开研究，提出了一种结合约束处理机制的差分进化算法，用于解决多微电网系统中复杂拓扑结构的优化设计问题。通过构建大规模矩阵模型表征微电网间的连接关系与能量交互能力，将拓扑设计转化为一个复杂的组合优化问题。所提算法有效处理了系统连通性、供电可靠性、分布式能源接入约束及网络损耗等多重限制条件，在保证系统稳定运行的前提下，实现了对微电网集群间互联系统的最优配置。研究以Matlab为工具完成了算法实现与仿真验证，展示了该方法在提升多微电网协同运行效率、增强能源利用率方面的优越性能。; 适合人群：具备一定电力系统基础知识和Matlab编程能力，从事微电网、智能电网、分布式能源系统等相关领域研究的研究生、科研人员及工程技术人员。; 使用场景及目标：①应用于多微电网系统的规划与设计阶段，优化其物理连接结构与能量交互路径；②为目标是提升多区域能源协同效率、降低网络损耗、增强系统韧性的科研项目提供算法支持与实现参考；③适用于需要复现高水平期刊研究成果的技术团队作为开发基础。; 阅读建议：此资源侧重于智能优化算法在复杂电力系统中的实际应用，建议读者在学习过程中重点关注约束处理策略的设计思路与大规模矩阵建模方法，并结合Matlab代码进行仿真实验与参数调优，以深入理解算法收敛性与工程实用性之间的平衡。
RJ45封装规格-下载即用.zip
源码下载地址： https://pan.quark.cn/s/a4b39357ea24 Language: English | 中文简体 Pub Pub Flutter常用工具类库 flustars依赖于Dart常用工具类库common_utils,以及对其他第三方库封装，致力于为大家分享简单易用工具类。 如果你有好的工具类欢迎PR. 目前包含SharedPreferences Util, Screen Util, Directory Util, Widget Util, Image Util。 [✓] Flutter (Channel stable, v2.0.0, locale zh-Hans-CN) Pub Change Log v2.0.0 Migrate to null-safety. v0.3.3 分拆sp_util成单独的库，可以直接引用 common_utils新版本v1.2.0。 如果项目中使用了 flustars: ^0.2.6及以上版本。 删除pubspec.lock文件，直接运行flutter packages get 即可使用最新版！ common_utils v1.2.0 1、新增JsonUtil。 2、新增EncryptUtil 简单加解密。 3、LogUtil 更新。 [Flutter工具类库 flustars][flustars_] 1、SpUtil : 单例"同步"SharedPreferences工具类。 支持get传入默认值，支持存储对象，支持存储对象数组。 2、ScreenUtil : 屏幕适配，获取屏幕宽、高、密度，AppBar高，状态栏高度，屏幕方向. 3、WidgetUtil : 监听Widget渲染状态，获取Widge...
python语言数字奇门遁甲排盘系统代码新-内容数据不真实不正确.txt
python语言数字奇门遁甲排盘系统代码新-内容数据不真实不正确.txt
JavaScript

87,994

社区成员

224,689

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章