根据提供的文件信息,我们可以从标题、描述、标签以及部分代码内容中提炼出以下与HTML相关的知识点: ### HTML应用小程序 #### 1. HTML基础知识简介 HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。它通过使用标签来定义文档结构,并通过浏览器解析这些标签来显示网页内容。 #### 2. JavaScript在HTML中的使用 JavaScript 是一种脚本语言,通常被用来为网页添加交互性。例如,在提供的代码片段中,通过 `<script type="text/javascript">` 标签引入了 JavaScript 代码。 #### 3. 获取DOM元素 - `document.getElementById('tdid')`: 这行代码使用 `getElementById` 方法获取了一个ID为 "tdid" 的DOM元素。 - `x.rows[j].cells.length`: 此处获取了表格的某一行中的单元格数量。 #### 4. JavaScript变量声明 - `eval("window.j=0")`: 使用 `eval()` 函数来动态执行字符串作为 JavaScript 代码。虽然这种方式可以实现动态变量声明,但在实际开发中不推荐使用,因为它可能会导致安全问题和代码可读性差的问题。 - 其他类似的变量声明包括:`window.z`, `window.n`, `window.b`, `window.newtr`, `window.newtrx`, `window.y` 等。 #### 5. 插入新行和单元格 - `newtr = x.insertRow(0)`: 此函数用于在表格中插入新的一行。 - `newtd = newtr.insertCell(i)`: 此函数用于在指定行中插入新的单元格。 #### 6. 删除单元格 - `x.rows[0].deleteCell(y - 1 - k - z)`: 此函数用于删除表格中的单元格。 #### 7. 设置单元格属性 - `newtd.height = '20px'`: 设置单元格的高度。 - `newtd.width = '100px'`: 设置单元格的宽度。 - `x.rows[0].cells[st - z].colSpan = m + 1`: 设置单元格跨越的列数。 #### 8. 修改单元格内容 - `x.rows[0].cells[st - z].innerHTML = t`: 通过修改 `innerHTML` 属性来更改单元格内的HTML内容。 #### 9. 函数定义及调用 - `function init()`: 定义了一个名为 `init` 的函数,该函数用于初始化某些变量。 - `function hebing(flag, st, e, t)`: 定义了一个名为 `hebing` 的函数,用于处理表格中的单元格合并操作。 #### 10. 条件判断 - `if (flag == 0) {...}` 和 `if (flag == 1) {...}`: 使用条件语句来决定不同的执行路径。 #### 11. 循环结构 - `for (var i = 0; i < y - m; i++) {...}` 和 `for (var k = 0; k < m; k++) {...}`: 使用循环来重复执行相同的代码块。 #### 总结 这段代码主要展示了如何使用JavaScript操作HTML中的DOM元素,特别是对表格的操作,如插入新行、插入或删除单元格、设置单元格属性等。此外,还展示了如何通过JavaScript实现基本的逻辑控制结构,如条件判断和循环。这些技术在实际的Web开发中非常常见,是学习前端开发的基础知识之一。
function init(){
eval("window.x = document.getElementById('tdid')");//获取当前的表格
eval("window.j = 0");
eval("window.z = 0");
eval("window.n = 0");
eval("window.b = 0");
eval("window.newtr = 0");
eval("window.newtrx = 0");
eval("window.y = x.rows[j].cells.length;");//获取当前表格一共有多少列
}
function hebing(flag,st,e,t){
if(flag==0){
var m=e-st;//一共少了多少列
if(j==0){
newtr=x.insertRow(0);//添加一个新行
for(var i=0;i<y-m;i++){
var newtd=newtr.insertCell(i);
newtd.height='20px';
newtd.width='100px';
}
}else{
for(var k=0;k<m;k++){
x.rows[0].deleteCell(y-1-k-z);//删除一列
}
}
x.rows[0].cells[st-z].colSpan=m+1;
x.rows[0].cells[st-z].innerHTML=t;
z=z+m;
j++;
- Tiffiny2812015-01-13太简单了,有点失望~
- 粉丝: 0
- 资源: 5
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- bdwptqmxgj11.zip
- onnxruntime-win-x86
- onnxruntime-win-x64-gpu-1.20.1.zip
- vs2019 c++20 语法规范 头文件 <ratio> 的源码阅读与注释,处理分数的存储,加减乘除,以及大小比较等运算
- 首次尝试使用 Win,DirectX C++ 中的形状渲染套件.zip
- 预乘混合模式是一种用途广泛的三合一混合模式 它已经存在很长时间了,但似乎每隔几年就会被重新发现 该项目包括使用预乘 alpha 的描述,示例和工具 .zip
- 项目描述 DirectX 引擎支持版本 9、10、11 库 Microsoft SDK 功能相机视图、照明、加载网格、动画、蒙皮、层次结构界面、动画控制器、网格容器、碰撞系统 .zip
- 项目 wiki 文档中使用的代码教程的源代码库.zip
- 面向对象的通用GUI框架.zip
- 基于Java语言的PlayerBase游戏角色设计源码