HTML与JavaScript页面操作示例-优快云博客

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

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

MyHtml.html

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>

Esc建实现关闭窗体