javascript第三章

最新推荐文章于 2020-07-06 17:32:32 发布

IT的雨天

最新推荐文章于 2020-07-06 17:32:32 发布

阅读量1k

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/qq_36074163/article/details/70496540

版权

java 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

显示大小div

<!DOCTYPE html>
<html>
  <head>
  <style type="text/css">
		#mybigdiv{
		 width:300px;
		 height:300px;
		 border:1px solid pink;
		}
		#mysmaildiv{
		  windth:100px;
		  height:100px;
		  border:1px solid pink;
		}
	</style>
    <title>maopao.html</title>
		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
		<script>
		$(function(){
		$("#mybigdiv").click(
		function()
		{
		alert('我是大的div');
		}
		);
		$("#mysmaildiv").click(
		function(event){
		alert("我是小div");
		event=event||window.event;
		if(event.stopPropagation){
		event.stopPropagation();
		}else{
		event.cancelBubble=true;
		}
		}
		);
		
		
		
		}
		);
		</script>
    

  </head>
  
  <body>
    <div id="mybigdiv">我是大的div
     <div id="mysmaildiv">我是小的div</div>
    </div>
   
  </body>
</html>

//不能跳转网页

<!DOCTYPE html>
<html>
  <head>
    <title>7.html</title>
	<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
   <script type="text/javascript" >
			
			$(function(){
				$("#myhref").click(function(event){
					
				event=event||window.event;
				if(event.preventDefault){ 
					event.preventDefault();
				}else{
					event.returnValue=false/2q; 
				}
				
				});
			});
				
			
		</script>

  </head>
  
  <body>
   <a id="myhref" href="http://www.cnblogs.com">去博客</a>
  </body>
</html>

IT的雨天

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript第三章

显示大小div #mybigdiv{ width:300px; height:300px; border:1px solid pink; } #mysmaildiv{ windth:100px; height:100px; border:1px solid pink; } maopao.html $
复制链接

扫一扫