javascript 命令方式 测试例子
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title> </head> <body>
<div id='title'></div>
<div id='product'></div>
</body>
<script language="javascript" src="test.js" ></script>
</html>
// JavaScript Document
var viewCommand= (function(){
var tpl= {
product :[
'<div>' ,
'<img src ="{#src#}"/> ',
'<p>{#text#}</p> ',
'</div>'
].join(''),
title :[
'<div class="main">',
'<h2>{#title#}</h2>',
'<p>{#tips#}</p>' ,
'</div>'
].join('')
} ,
html='';
function formateString (str,obj){
return str.replace(/\{#(\w+)#\}/g,function(match,key){
return obj[key];
})
}
var Action = {
create : function (data,view){
if(data.length){
for(var i=0,len=data.length;i<len;i++){
html+=formateString(tpl[view],data[i]);
}
} else {
html+=formateString(tpl[view],data );
}
},
display : function (container,data,view){
if(data){
this.create(data,view);
}
document.getElementById(container).innerHTML=html;
html='';
}
}
return function excute(msg){
msg.param=Object.prototype.toString.call(msg.param)==="[object Array]" ? msg.param : [msg.param];
Action[msg.command].apply(Action,msg.param)
}
})();
var productData = [
{
src : 'command/02.jpg',
text :' 桃花'
},
{
src : 'command/03.jpg',
text :' 阳光'
},
{
src : 'command/04.jpg',
text :' 绿色'
}
],
titleData= {
title : '夏日温馨',
tips:'暖暖的夏日'
};
viewCommand({
command :'display',
param : ['title',titleData,'title']
})
viewCommand({
command :'create',
param : [ {
src : 'command/01.jpg',
text :'01 绿色'
},'product']
})
viewCommand({
command :'display',
param : ['product',productData,'product']
})
javascript 命令方式 测试例子的更多相关文章
- php多线程抓取信息测试例子
php多线程抓取信息测试例子 PHP 5.3 以上版本,使用pthreads PHP扩展,可以使PHP真正地支持多线程.多线程在处理重复性的循环任务,能够大大缩短程序执行时间. PHP扩展下载:htt ...
- ORM开发之解析lambda实现完整查询(附测试例子)
上次讲解了怎么解析匿名对象(ORM开发之解析lambda实现group查询),这次来实现解析二元运算,完成基本条件语法 先看一个表达式 query.Where(b => b.Number == ...
- php判断数据库是否连接成功的测试例子
php判断数据库是否连接成功的测试例子 如果出现数据库配置不正确的错误,请看php与mysql的配置教程: win7系统下如何配置php-Apache-mysql环境 http://www.cnblo ...
- 自己实现的一款在线Javascript正则表达式测试器——JRE-Parser
本文最初发布于我的个人博客:http://jerryzou.com/posts/jreparser/ 昨天在看<正则表达式30分钟入门教程>的时候,看到博主自己实现了一个C#写的正则测试器 ...
- Go语言学习之斐波那契数列的测试例子和定义常量方法
### Go语言学习之斐波那契数列的测试例子和定义常量方法 1.go语言中测试文件必须以test.go结尾,比如:fib_test.go 2.测试文件内的方法必须是Test开头,比如:func Tes ...
- google map javascript api v3 例子
之前一直用百度map,但如果是国外的项目就需要用google地图.由于在国内屏蔽了google地图的服务,因此调用的是一个国内地址(开发用).这个地址没有用key,语言设置也还是中文的. //---- ...
- javascript闭包学习例子
javascript中的闭包个很让人头疼的概念.总结一下 闭包是指有权访问一个函数作用域中的变量的函数.创建闭包最常见的方式,是在一个函数内部创建另一个函数,用return返回出去. 使用闭包可能造成 ...
- 可进行JavaScript代码测试与调试的12个网站
概述:JavaScript是网站前端开发最为重要的一门编程语言,本文收集了能够在线测试与调试JavaScript代码的12个网站 1.JS Bin JS bin是一个为JavaScript和CSS爱好 ...
- javascript进阶——测试和打包分发
建立一个面向对象的好的代码基础后,为了达到代码重用的目的,通过调试使用适当的测试用例进行测试尤为必要,之后就是打包分发的主题. 一.调试与测试 1.调试 Firebug:包含了错误控制台.调试器.DO ...
随机推荐
- Servlet基本模式
一.首先用Myeclipse2015创建一个web项目,然后修改index.jsp. <%@ page language="java" import="java.u ...
- 论文笔记之：Dueling Network Architectures for Deep Reinforcement Learning
Dueling Network Architectures for Deep Reinforcement Learning ICML 2016 Best Paper 摘要:本文的贡献点主要是在 DQN ...
- asp.net Routing 用法
http://www.cnblogs.com/youring2/archive/2011/07/22/2113595.html asp.net 4.0中提供了Routing 的支持.通过使用routi ...
- iframe 加载完成事件
<body onload="load()"> <iframe id="iframe" frameborder="0" sc ...
- TIOBE Index for December 2015（转载）
There is hardly any doubt about it, Java will become TIOBE's programming language of the year 2015. ...
- ADF_Controller系列3_通过创建ADF Menu作为页面向导（Part1）
2015-02-15 Created By BaoXinjian
- NeHe OpenGL教程 第四十八课：轨迹球
转自[翻译]NeHe OpenGL 教程 前言 声明,此 NeHe OpenGL教程系列文章由51博客yarin翻译(2010-08-19),本博客为转载并稍加整理与修改.对NeHe的OpenGL管线 ...
- mysql查看bin日志命令
mysqlbinlog --no-defaults --base64-output=decode-rows -v --start-datetime='2016-01-14 16:30:00' - ...
- 一张图教你搞定Mac App Store 应用安装包存储路径
还在为找不到App Store 更新应用的安装文件发愁吗?是否有过多个人同时需要更新Xcode,都自己下载一次的痛苦经历? 大家都知道通过苹果服务器下载东西,确实难耐!AppStore 甚至都经常提示 ...
- springboot教程
http://www.cnblogs.com/java-zhao/tag/spring-boot/ http://blog.csdn.net/liaokailin/article/category/5 ...