html表单赋予隐藏值,点击一个按钮,把form表单里隐藏的值传到另外一个页面,代码肿么写?...-优快云博客

这篇博客介绍了一种使用JavaScript实现点击元素显示和关闭弹出层的方法。通过添加onclick事件，结合DOM操作，可以实现弹出层的显示与隐藏。同时，提供了隐藏所有div和特定div关闭的函数，以及防止事件冒泡的处理。示例代码包括了如何在按钮点击后打开和关闭一个ID为'tAnChu'的弹出层。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

(一)加入关闭按钮只要再加一个onclick 时间就行了，turnoff(‘ ’)里的参数可以改变。代码如下

htmlmeta charset=gbkheadscriptvar hide=function(){ var divs=document.getElementsByTagName(div); for (var i=0;idivs.length ;i++ ) { divs[i].style.display=none; }}window.οnlοad=function(){ hide(); var a=document.getElementsByTagName(td); for(var i = 0; i a.length; i++) { a[i].onclick = function(oEvent) { oEvent = oEvent || event;hide(); document.getElementById(div+this.id).style.display=block; } }}// 加入关闭操作的函数function turnoff(obj){document.getElementById(obj).style.display=none;}/script/headbodytable trtd window.event; var elem = e.srcElement||e.target; while(elem) { if(elem.id == tAnChu) { return; } elem = elem.parentNode; } //隐藏div的方法 HiddenDiv(); }

上个单一div事例：

html head script type='text/javascript' window.onload = function(){ document.onclick = function(e){ e = e || window.event; var dom = e.srcElement|| e.target;if(dom.id !=tAnChu && document.getElementById(tAnChu).style.display == block) { document.getElementById(tAnChu).style.display = none; } }; }; function openTanChu(e) { document.getElementById(tAnChu).style.display = block; e = e||window.event; if(+'\v1') { e.stopPropagation(); } else { e.cancelBubble = true; } } /script style #tAnChu{ position:fixed; left:40%; top:100px; background-color:#ccc; width:200px; height:120px; display:none; } /style/headbodyinput type=button value=打开 οnclick=openTanChu(event) / div id=tAnChu 这是弹出层 /div/body

取消