制作按钮关闭当前的div的js怎么写?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了制作按钮关闭当前的div的js怎么写?相关的知识,希望对你有一定的参考价值。
就是我网站上有几个div 都是一个图片带一个关闭按钮的,我现在想把关闭按钮的onclick写到一个function里,请问谁能帮下忙的。<script type="text/javascript">
function removeElement(????)
document.getElementById(????).style.display="none";
</script> 上面是js部分,下面这段是html的,我尽量简化一些<div id="bar1"> <img>
<p onclick="removeElement()">关闭</p></div>
<div id="bar2">
<img>
<p onclick="removeElement()">关闭</p>
</div> 我希望点击关闭的时候能把那个div的id传给removeElement()",然后这个div不显示,大家看看有什么好方法的
function removeElement(id)
document.getElementById(id).style.display="none";
</script> 上面是js部分,下面这段是html的,我尽量简化一些<div id="bar1"> <img>
<p onclick="removeElement('bar1')">关闭</p></div>
<div id="bar2">
<img>
<p onclick="removeElement('bar2')">关闭</p>
</div> 参考技术A removeElement好像不能当自定义函数名使用吧
给P加一个ID
<script type="text/javascript">
window.onload = function()
var oDiv = document.getElementById('bar1');
var but = document.getElementById('but');
but.onclick = function()
oDiv .style.display=(oDiv .style.display = "block" ? "none" : "block");
</script>
用js怎么来判断我已点击了窗体中“关闭”按钮?
onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。
该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。
对话框默认的提示信息根据不同的浏览器有所不同,标准的信息类似 "确定要离开此页吗?"。该信息不能删除。
但你可以自定义一些消息提示与标准信息一起显示在对话框。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>关闭当前窗口,按下 F5 或点击以下链接触发 onbeforeunload 事件。</p> <a href="http://www.runoob.com">点击跳转到菜鸟教程</a> <script> window.onbeforeunload = function (e) { return (e || window.event).returnValue = \'有信息未保存,确认离开?!\'; } </script> </body> </html>
以上是关于制作按钮关闭当前的div的js怎么写?的主要内容,如果未能解决你的问题,请参考以下文章
jquery 点击弹出层的确定按钮后,弹出层关闭,部分刷新当前页面的指定的div内容
点击按钮显示div内容在点击按钮显示另一个div内容用JS怎么写?
用JS 写一个可以自动切换DIV显示的层,然后下面有几个按钮,点击相应的按钮,显示相应的DIV