📄 demo05.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 窗口间传递数据示例</TITLE>
<script>
//打开一个子窗体(400*300),居中显示。无工具栏，菜单栏，滚动条，状态栏，不可改变大小
function openWindow() {
var obj=window;
window.showModalDialog("DEMO05_01.html",obj);
}
//删除行
function deleteOneRow() {
//获得选中行
var cGetRow=window.event.srcElement.parentElement.parentElement.rowIndex;
//获得本窗体中的表格
var myTable=document.getElementsByTagName("table")[0];
//使用deleteRow(index)删除备选行
var row=myTable.rows[cGetRow];
//删除所选中的行
myTable.deleteRow(cGetRow);
if(myTable.rows.length==1){
var r=myTable.insertRow();
var tempCell=r.insertCell();
tempCell.colSpan=4;
tempCell.align="center";
tempCell.innerHTML="暂无物品";
}
//判断：删完数据应添加一行，显示"暂无物品" 提示table.rows.length属性
//if(没有行){
//插入新的一行，并写上"暂无物品"
//合并列，并居中 提示：设置newTD对象的相关属性
//}
}
//根据价格排序
function taxis(){
//获得本窗体中的表格
var myTable=document.getElementsByTagName("table")[0];
for(var i=1;i<myTable.rows.length;i++){
var fPrice=myTable.rows[i].cells[2].innerText;
alert(fPrice);
}
}
</script>
</HEAD>
<BODY bgcolor="abcdef">
<h3>操作：点击“打开物品栏”按钮</h3>
<input type="button" value="打开物品栏" onClick="openWindow();">
<table border="1" id="theTable" align="center" bgcolor="ffffff">
<tr bgcolor="bbbbbb">
<th>序号</th><th>名称</th><th style="cursor:hand" onClick="taxis();">价格</th><th>是否删除</th>
</tr>
<tr>
<td colspan="4" align="center">暂无物品</td>
</tr>
</table>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -