javascript工厂模式写广告位

最新推荐文章于 2023-10-01 10:59:57 发布

cdcdhj

最新推荐文章于 2023-10-01 10:59:57 发布

阅读量78

点赞数

分类专栏： javascript学习日记文章标签： javascript

本文链接：https://blog.csdn.net/cdcdhj/article/details/118464439

版权

javascript学习日记专栏收录该内容

131 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="container"></div>
		<script language="javascript">
		var Factory=function(type,content){
				this.type=type;
				this.content=content;
		}
		Factory.prototype={
			java:function(){
				var div=document.createElement('div');
				div.innerHTML=this.content;
				div.style.color='green';
				document.getElementById('container').appendChild(div);
			},
			javascript:function(){
				var div=document.createElement('div');
				div.innerHTML=this.content;
				div.style.color='red';
				document.getElementById('container').appendChild(div);
			},
			ui:function(){
				var div=document.createElement('div');
				div.innerHTML=this.content;
				div.style.color='black';
				document.getElementById('container').appendChild(div);
			},
			php:function(){
				var div=document.createElement('div');
				div.innerHTML=this.content;
				div.style.color='blue';
				document.getElementById('container').appendChild(div);
			}
		}
		var data=[
			{type:'java',content:'java广告位'},
			{type:'javascript',content:'javascript广告位'},
			{type:'ui',content:'ui广告位'},
			{type:'php',content:'php广告位'},
			{type:'python',content:'python广告位'}
		];
		for(var i=0,len=data.length;i<len;i++){
			var a=new Factory(data[i].type,data[i].content);
			if(a.type=='php'){
				a.php();
			}else if(a.type=='javascript'){
				a.javascript();
			}else if(a.type=='ui'){
				a.ui();
			}else if(a.type=='java'){
				a.java();
			}
		}
		
		</script>
	</body>
</html>

cdcdhj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript工厂模式写广告位

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="container"></div> <script language="javascript"> var Factory=function(type,content).
复制链接

扫一扫

专栏目录