`
xi5566
  • 浏览: 151811 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

动态HTML

阅读更多
做多文件上传

新建时 有用

我就不多废话了


<html>
  <head>
    <title>1.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=gbk">
  <SCRIPT LANGUAGE="JavaScript">
    <!--
	var n = 1;
		function add(){
				var otable = document.getElementById("tablee");
				var orow=otable.insertRow(); 
				var ocol1 = orow.insertCell(); 
				var ocol2 = orow.insertCell(); 
				var ocol3 = orow.insertCell(); 
				var ocol4 = orow.insertCell(); 
				ocol1.innerHTML =n;
				ocol2.innerHTML =n
				ocol3.innerHTML =n;
				ocol4.innerHTML ="<input type='button' value='删除' onClick='javascript:deleteRow();return false;' />";
				n++;
				
		}

		function deleteRow(){
			var otable = document.getElementById("tablee");
		//	var rowIndex = event.srcElement.parentElement.parentElement.parentElement.rowIndex;
		var rowIndex =event.srcElement.parentElement.parentElement.rowIndex
		/*
		event 事件
	srcElement  button
parentElement 上1层td
parentElement 上1层tr
rowIndex tr的rowIndex 
		*/
			otable.deleteRow(rowIndex);
		}


    //-->
    </SCRIPT>  


  </head>
  
  <body >
	<table id="tablee">
		<tr>
			<td>名字</td>
			<td>密码</td>
			<td>性别</td>
			<td> 操作</td>
		</tr>
			<tr>
			<td>1</td>
			<td>1</td>
			<td>1</td>
			<td> <input type="button" value="删除" onClick="deleteRow()" /></td>
		</tr>
			<tr>
			<td>2</td>
			<td>2</td>
			<td>2</td>
			<td> <input type="button" value="删除" onClick="deleteRow()" /></td>
		</tr>
			<tr>
			<td>3</td>
			<td>3</td>
			<td>3</td>
			<td> <input type="button" value="删除" onClick="deleteRow()" /></td>
		</tr>
	
	</table>
    <input type="button" value="添加" onClick="add()" />
  </body >
</html>
分享到:
评论

相关推荐

    5日学会动态HTML 5日学会动态HTML html

    动态HTML(Dynamic HTML,简称DHTML)是一种技术集合,它结合了HTML、CSS、JavaScript以及DOM(Document Object Model)来创建交互式和响应式的网页。本教程“5日学会动态HTML”旨在帮助学习者在短时间内掌握DHTML的...

    5.1动态HTML教学设计

    ### 动态HTML教学设计详解 #### 课程名称与目标设定 本次教学设计的主题为《运用动态HTML制作网页特效》,旨在使学生深入了解动态HTML技术,掌握网页特效制作的关键技巧,并激发学生的创新意识与团队协作精神。 ##...

    动态HTML动态HTML

    动态HTML(Dynamic HTML,简称DHTML)是一种网页开发技术,它结合了HTML、CSS、JavaScript以及DOM(Document Object Model)等技术,使网页能够实现动态交互效果,无需刷新页面即可更新内容。DHTML的核心在于“动态...

    动态html设计网页教程

    动态HTML(Dynamic HTML)是HTML的一种扩展,它结合了HTML、CSS、JavaScript以及其他Web技术,使得网页内容可以更生动、交互性更强。本教程专为初学者设计,旨在通过详尽的步骤指导,帮助学习者掌握动态HTML的设计...

    webBrowser控件操作动态html

    本文将深入探讨`WebBrowser`控件如何操作动态HTML,以及相关的核心知识点。 首先,`WebBrowser`控件实际上是Internet Explorer引擎的一个封装,因此它支持IE所支持的大部分HTML、CSS和JavaScript特性。这使得在桌面...

    动态HTML轻松进阶

    动态HTML(Dynamic HTML)是HTML技术的一个重要分支,它结合了HTML、CSS、JavaScript以及DOM(Document Object Model)等技术,使得网页内容可以更加生动、交互性更强。本教程将帮助你深入理解并掌握动态HTML的进阶...

    5日学会动态HTML(快速学会动态HTML)

    动态HTML(Dynamic HTML,简称DHTML)是一种网页开发技术,它结合了HTML、CSS、JavaScript以及DOM(Document Object Model)等技术,使网页能够实现动态交互效果,无需刷新页面即可更新内容。本教程旨在帮助你在五日...

    5日学会动态HTML

    动态HTML(Dynamic HTML,简称DHTML)是一种技术集合,它结合了HTML、CSS、JavaScript以及DOM(Document Object Model)等技术,使得网页可以实现交互性和动态效果。在"5日学会动态HTML"的学习资源中,你将深入理解...

    动态HTML参考手册

    动态HTML(Dynamic HTML)是HTML的一种扩展,它引入了时间、空间和用户交互性的新维度,使得网页内容能够更加生动、交互性强。本参考手册详细介绍了动态HTML的各种技术和应用,对于学习和掌握这一领域的知识非常有...

    动态HTML帮助文档

    动态HTML帮助文档 网页制作完全手册 -------------------------------------------------------------------------------- 通过下列链接访问参考资料,可帮助你创建引人注目的 Web 页面。 动态 HTML (DHTML) 对象...

    5日学会动态Html

    《5日学会动态Html》是一本旨在帮助初学者在短时间内快速掌握动态HTML技术的教程。动态HTML(Dynamic HTML,简称DHTML)是HTML的一个扩展,它结合了HTML、CSS、JavaScript以及DOM(Document Object Model)等技术,...

    5日学会动态HTML.rar_html_html chm

    动态HTML(Dynamic HTML,简称DHTML)是一种在网页上实现交互性和动态效果的技术集合,它结合了HTML、CSS、JavaScript以及DOM(文档对象模型)等技术,为用户提供更丰富的用户体验和更灵活的网页设计能力。...

    5日学会动态html

    动态HTML(Dynamic HTML,简称DHTML)是一种技术集合,它结合了HTML、CSS、JavaScript以及DOM(Document Object Model)来创建交互式和响应式的网页。本教程“5日学会动态HTML”显然是为了帮助初学者在短时间内掌握...

    动态html电子书教程

    教你在5天内就由入门到深入地学习动态html的制作

    动态HTML教程,htm电子书

    动态HTML(Dynamic HTML)是HTML的一个重要分支,它在传统静态HTML的基础上引入了更多的交互性和动态效果,使得网页内容能够更加生动、响应式地呈现给用户。本教程以.htm格式电子书的形式,深入浅出地讲解了动态HTML...

    动态HTML教程.rar_HTML 学习_HTML 教程_html教程

    动态HTML(Dynamic HTML,简称DHTML)是一种技术组合,它结合了HTML、CSS(层叠样式表)、JavaScript和DOM(文档对象模型),为创建交互式和动态网页提供了可能。本教程旨在帮助你深入理解并掌握DHTML的核心概念,让...

Global site tag (gtag.js) - Google Analytics