📄 detail.htm
字号:
<html>
<script Language="JavaScript">
function navigate(direction){
var recordset = bandList.recordset;
switch(direction){
case "next":
recordset.moveNext();
break;
case "last":
recordset.moveLast();
break;
case "previous":
recordset.movePrevious();
break;
case "first":
recordset.moveFirst();
break;
}
if (recordset.eof) {
recordset.movePrevious();
alert("Cannot navigate. You are already at the end of the recordset.");
}
else if (recordset.bof) {
recordset.moveNext();
alert("Cannot navigate. You are already at the beginning of the recordset.");
}
}</script>
<body>
<xml ID="bandList">
<Bands>
<Band>
<Name>Beatles</Name>
<NumberOfMembers>4</NumberOfMembers>
<HomeTown>Liverpool England</HomeTown>
<CD>
<Name>Yellow Submarine</Name>
</CD>
</Band>
<Band>
<Name>Citizen King</Name>
<NumberOfMembers>5</NumberOfMembers>
<HomeTown>Milwaukee, WI</HomeTown>
<CD>
<Name>Brown Paper Bag</Name>
</CD>
<CD>
<Name>Better Days</Name>
</CD>
</Band>
<Band>
<Name>Live</Name>
<NumberOfMembers>4</NumberOfMembers>
<HomeTown>Hershey, PA</HomeTown>
<CD>
<Name>Throwing Copper</Name>
</CD>
<CD>
<Name>The Distance To Here</Name>
</CD>
</Band>
</Bands></xml>
<p align="center"><img src="cd.gif"></p>
<p align="center"><b>A List Of Bands That I Have Listened To Recently</b></p>
<table border="1" align="center">
<tr>
<td><b>Name:</b></td>
<td><div DATASRC="#bandList" DATAFLD="Name"></div></td>
</tr>
<tr>
<td><b>Number of Members:</b></td>
<td><div DATASRC="#bandList" DATAFLD="NumberOfMembers"></div></td>
</tr>
<tr>
<td><b>Home Town:</b></td>
<td><div DATASRC="#bandList" DATAFLD="HomeTown"></div></td>
</tr>
</table>
<p align="center">The CD(s) I Listened To</p>
<table DATASRC="#bandList" DATAFLD="CD" border="1" align="center">
<thead><th>CD Name</th></thead>
<tr>
<td><div DATAFLD="Name"></td>
</tr>
</table>
<p align="center">
<input type="button" value="<<" onClick="navigate('first')"><input type="button" value="<" onClick="navigate('previous')">
<input type="button" value=">" onClick="navigate('next')"><input type="button" value=">>" onClick="navigate('last')">
</p></body></html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -