Esc建实现关闭窗体

本文档展示了如何使用HTML创建基本网页,并通过JavaScript实现页面元素的显示与隐藏功能,包括响应ESC按键来控制特定div元素的可见性。

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

MyHtml.html

<script type="text/javascript" language="javascript">// <![CDATA[ function esckeydown() { if(event.keyCode==27){ event.returnValue = null; window.returnValue = null; window.close(); } } //document.onkeydown=esckeydown; function esckeydownHide() { if(event.keyCode==27){ document.getElementById('test').style.display='none'; } } document.onkeydown=esckeydownHide; function test(){ document.getElementById('test').style.display='block'; } // ]]></script>
aaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa

test

<!DOCTYPE html>
<html>
  <head>
    <title>MyHtml.html</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    
  <script language="javascript">
	function esckeydown()
	{
		if(event.keyCode==27){
		   event.returnValue = null;
		   window.returnValue = null;
		   window.close();
		}
	}
	//document.onkeydown=esckeydown;
	
	
	function esckeydownHide()
	{
		if(event.keyCode==27){
			
			document.getElementById('test').style.display='none';
		}
	}
	document.onkeydown=esckeydownHide;
	function test(){
		document.getElementById('test').style.display='block';
	}
</script>

  </head>
  
  <body>
   	<div style="height: 200px;width: 200px;display:none" id="test">
   	aaaaaaaaaaaaaaaaaaaaaaaaaaaa
   	aaaaaaaaaaaaaa
   	aaaaaaaaaaaaaa
   	aaaaaaaaaaaaaa
   	aaaaaaaaaaaaaa
   	</div>
   	
   	<a href="javascript:void(0);" onclick="test()">test</a>
  </body>
</html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值