本文实例讲述了PHP观察者模式。分享给大家供大家参考，具体如下：
1.用js实现观察者模式
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
div{width: 100px;height: 100px;border: 1px #999 solid;margin-bottom: 5px;}
</style>
</head>
<body>
<!--
我们让div对象观察select的变化，selecte变化就会通知这个2个对象，并引起这2个对象的变化，实现观察者模式。
-->
<h1>用观察者模式切换页面风格</h1>
<select>
<option value="male">男式风格</option>
<option value="female">女士风格</option>
</select>
<button onclick="t1()">观察学习区</button>
<button onclick="t2()">不观察学习区</button>
<div id="content">我是内容</div>
<div id="ad">我是广告</div>
<div id="study">学习</div>
</body>
<script type="text/javascript">
var sel = document.getElementsByTagName('select')[0];
sel.observers = {};
sel.attach = function(key,obj){
this.observers[key] = obj;
}
sel.detach = function(key){
delete this.observers[key];
}
sel.onchange = sel.notify = function(){
for(var key in this.observers){
this.observers[key].update(this);
}
}
//客户端
var content = document.getElementById('content');
var ad = document.getElementById('ad');
content.update = function(ob){
if (ob.value == 'male') {
this.style.backgroundColor = 'gray';
}else if(ob.value == 'female'){
this.style.backgroundColor = 'pink';
}
}
ad.update = function(ob){
if (ob.value == 'male') {
this.innerHTML = '汽车';
}else if(ob.value == 'female'){
this.innerHTML = '减肥';
}
}
//让content观察select的变化
sel.attach('content',content);
sel.attach('ad',ad);
//新增监听study区
var study = document.getElementById('study');
study.update = function(ob){
if (ob.value == 'male') {
this.innerHTML = '学习计算机';
}else if(ob.value == 'female'){
this.innerHTML = '学习美容';
}
}
sel.attach('study',study);
function t1(){
sel.attach('study',study);
}
function t2(){
sel.detach('study');
}
</script>
</html>
2.用php实现观察模式
<"_blank" href="//www.jb51.net/Special/43.htm">php面向对象程序设计入门教程》、《PHP数组(Array)操作技巧大全》、《PHP基本语法入门教程》、《PHP运算与运算符用法总结》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》希望本文所述对大家PHP程序设计有所帮助。
标签：
PHP,观察者模式,JS
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“PHP观察者模式实例分析【对比JS观察者模式】”评论...