向表格中写入数据，类似于在表格中动态插入单元行。不同的是在插入的同时指定单元格的内容，并通过一个方法提高代码的复用性。
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
</head>
<body>
<script language="JavaScript">
//---变量----------释义--
//idNumber -------音乐编号
//songName----------音乐名称
//mCompany-------制作公司
//mSinger--------演唱歌手
//mPlace---------发行区域
//mKind----------音乐类型
//mTime----------加入日期
//mSize----------音乐大小
//mType----------音乐格式
//mUrl-----------音乐地址
//mHits----------点播次数
function createTR(idNumber,songName,mPlace,mCompany,mSinger)
{
document.writeln("<TR onmouseover=\"this.style.backgroundColor= '#FFccdd';this. style.color='BLUE'\" onmouseout=\"this.style.backgroundColor=''; this.style.color=''\">");
document.writeln("<TD height=10>"+idNumber+"</TD>");
document.writeln("<TD height=10><a href='#'>"+songName+"</a></TD>");
document.writeln("<TD height=10>"+mPlace+"</TD>");
document.writeln("<TD height=10>"+mCompany+"</TD>");
document.writeln("<TD height=10>"+mSinger+"</TD>");
document.writeln("</TR>");
}
</script>
<TABLE width="90%" bgcolor="#BCBCBC" cellSpacing=1 cellPadding=0 align= center border=1>
<TR>
<Th width="20%">音乐编号</Th>
<Th width="20%">音乐名称</Th>
<Th width="20%">发行区域</Th>
<Th width="20%">所属公司</Th>
<Th width="20%">演唱歌手</Th>
</TR>
<TR>
<script>
createTR("编号1","歌曲名称1","中国大陆","公司1","歌手1");
createTR("编号2","歌曲名称2","中国香港","公司2","歌手2");
createTR("编号3","歌曲名称3","中国台湾","公司3","歌手3");
createTR("编号4","歌曲名称4","中国澳门","公司4","歌手4");
createTR("编号5","歌曲名称5","中国大陆","公司5","歌手5");
</script>
</TR>
</table></body>
</html>
分享到：
相关推荐
在网页设计中，"简单表格内容假数据写死"这个标题可能是指创建一个静态的HTML表格，用于展示一些预先设定（或“写死”）的数据，这些数据通常用于模拟真实情况，比如在开发阶段或者作为示例数据。在这个场景中，我们...
总结起来，这个JavaScript表格排序示例展示了如何通过监听表头点击事件，使用纯JavaScript实现表格数据的动态排序。它依赖于HTML表格结构，通过JavaScript操作DOM节点进行数据比较和位置交换。在实际项目中，可以...
9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果（一） 9.38 类C# GridView的编辑效果（二） 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选...
9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果（一） 9.38 类C# GridView的编辑效果（二） 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选...
1. **获取表格数据**：使用jQuery选择器选取表格中的单元格（td）元素，然后遍历它们，获取每个单元格中的文本内容。 2. **比较相邻单元格**：比较当前单元格与前一个单元格的内容，如果相同，则进入下一步；否则，...
在JavaScript（JS）开发中，有时我们需要将HTML表格中的数据导出到Excel文件，以便用户可以方便地存储和处理这些数据。"js导出html表格中数据示例"这一主题涉及的技术点主要涵盖如何利用JavaScript将HTML表格转换...
这里我们将深入探讨导出表格数据的过程、涉及的文件格式以及使用Excel进行导出的相关知识。 1. **表格数据导出**：这是将存储在数据库、电子表格或者应用程序中的结构化数据转换成可共享或保存的文件格式的过程。这...
在JavaScript的世界里，它为Web开发者提供了一种在浏览器端或者Node.js环境中方便地操作电子表格数据的解决方案。 SheetJS的核心功能包括： 1. **读取电子表格文件**：通过FileReader API或者其他文件上传方式，...
在JavaScript（JS）环境中，处理Excel表格数据通常涉及到前端与后端的数据交互，以及解析Excel文件格式。在给定的标题和描述中，“js读取excel表格的js文件”反复提及，这暗示我们需要关注的是一个JavaScript库，...
在网页开发中，JavaScript是一种非常重要的脚本语言，它允许我们实现动态交互功能，比如对表格数据进行排序。本文将详细讲解如何使用JavaScript实现在表格内的内容排序。 首先，我们需要理解表格（Table）的基本...
在本文中，我们将深入探讨如何使用jQuery和JSON来动态获取并显示表格数据。这个主题主要集中在利用jQuery的灵活性和JSON的轻量级数据交换格式，为网页中的表格提供动态加载和交互功能。以下是对给定标题和描述的详细...
利用JavaScript ，动态向表格中添加数据，其实方法很简单的，下面给大家分享下实现方法 1. 首先先写出表格的表头和主干部分 编号 姓名 职位 操作 <tbody id=tbMain></tbody> </table> 2. 接下来就是...
在JavaScript中，将表格数据分组导出到Excel是一项常见的需求，这主要涉及到对HTML表格数据的处理以及利用ActiveXObject与Excel应用程序进行交互。以下是一个详细的步骤解释： 1. **获取表格数据**： - 首先，通过...
在`excel.js`文件中，开发者可能定义了函数，用于读取数据库中的数据，然后使用`xlsx`库将数据转化为Excel表格并保存到磁盘。 描述中提到了"三百万的mysql测试数据"，这可能意味着有相关的SQL脚本（如`test.sql`）...
- 第一行通常是表头，用`<th>`标签表示，但在本例中使用了`<td>`，并设置了加粗字体来模拟表头。 - **数据填充**： - 该表格目前未填充实际数据，仅设置了占位符行。 ### 5. 兼容性和可维护性 - **浏览器兼容性*...
在JavaScript的世界里，表格操作是网页交互中常见且重要的任务，尤其在数据展示和管理时。本主题将深入探讨如何实现“Javascript高级表格操作”，包括动态创建表格、间隔行颜色、鼠标悬停高亮、编辑与删除功能、选择...
本篇文章将详细探讨如何利用Servlet生成数据，并通过jQuery在前端页面的表格中进行数据填充。 首先，我们来了解Servlet。Servlet是Java EE平台中的一个组件，它用于扩展服务器的功能，处理来自客户端（通常是Web...
标题中的“可写的动态表格”指的是在网页上能够实时编辑的表格组件，它允许用户不仅查看数据，还能直接在表格中进行添加、修改和删除等操作。这种技术在Web应用中非常常见，尤其是在数据管理、报表展示和协作工具中...
在搜索功能的实现中，示例中利用了按钮绑定了搜索事件，并且结合了JavaScript的DOM操作，通过监听按钮点击事件来获取输入框中的关键字，然后通过调用table.reload方法来刷新表格数据。在table.reload方法中，通过...
传统表格绘制框架的开发方式是使用基于jsp（或asp）的各种数据框架，将抽象的数据转化为直观可视的表格。在服务端jsp中保存报表的基本结构，如显示样式、数据绑定、操作控件等，用户查询时在服务端将查询结果作为...