⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 12-2.html

📁 JavaScript经典实例教程代码
💻 HTML
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>14-2</title>
	<style type="text/css">
	td{font-size:9pt;font-family:'宋体';vertical-align:bottom}
	thead{font-weight:bold;}
	</style>
</head>
<script language="JavaScript">
<!--
/*--------------------------------\
|  Authored by CZH;czh44@sohu.com |
\--------------------------------*/
function byName()
{
	myData3.Sort="书名";
	myData3.Reset();
}

function byPubName()
{
	myData3.Sort="出版社";
	myData3.Reset();
}

function byPubDate()
{
	myData3.Sort="出版日期";
	myData3.Reset();
}

function byPrice()
{
	myData3.Sort="定价";
	myData3.Reset();
}
//-->
</script>
<body>
单击表格标题使表格按相应列排序
<OBJECT ID="myData3" CLASSID="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83"
BORDER="0" WIDTH="0" HEIGHT="0">
<PARAM NAME="DataURL" value="data3.txt">
<PARAM NAME="UseHeader" VALUE="True">
</OBJECT>

<table border=1 id="myTable3" DATASRC=#myData3>

<thead>
<tr>
<td onclick="byName()">书名</td>
<td onclick="byPubName()">出版社</td>
<td onclick="byPubDate()">出版日期</td>
<td onclick="byPrice()">定价(元)</td>
</tr>
</thead>

<tbody>
<tr height=25px valign="middle">
<td width="300"><div DATAFLD="书名"></td>
<td width="200"><div DATAFLD="出版社"></td>
<td width="80"><div DATAFLD="出版日期"></td>
<td width="80"><div DATAFLD="定价"></td>
</tr>
</tbody>
</table>

</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -