// Javascript Micro Templating
// pzling - http://pzling.com/
var JSMT = JSMT || {};
(function(JSMT){
	var tmplCaches = {},
		dictDecode = { "quot": '"', "lt": "<", "gt": ">", "amp": "&", "nbsp": " " };
		dictEncode = { '"': "quot", "<": "lt", ">": "gt", "&": "amp", " ": "nbsp" };
 
	/**
	 * HTML解码
	 * @param {String} html
	 */
	function htmlDecode(html) {
		return String(html).replace(/&(quot|lt|gt|amp|nbsp);/ig, function(all, key) {
			return dictDecode[key];
		});
	}
 
	/**
	 * HTML编码
	 * @param {String} html 
	 */
	function htmlEncode(html) {
		return String(html).replace(/["<>& ]/g, function(all) {
			return "&" + dictEncode[all] + ";";
		});
	}
 
	/**
	 * 模板解析函数
	 * @param {String} templating 模板字符
	 */
	function analyze(templating){
		var _temp =templating.replace(/<#([\s\S]*?)#>/g,function(s){
			return s.replace(/(\'|\\)/g,'\\$1')
					.replace(/[\r\n]/g,' ')
					.replace('<#',"_s.push('")
					.replace('#>',"');")
					.replace(/{\$([\s\S]*?)\$}/g,'\',$1,\'');
		});
		return new Function('var _s=[];' + _temp + ';return _s');
 
	}
 
	/**
	 * 模板注册函数
	 * @param {String} id 模板字符
	 * @param {String} data 模板字符
	 */
	function register(id,data){
		var tar;
		if(!id) return '';
		if(typeof id === 'object' && id.tagName){
			tar = id ;
			id = tar.getAttribute('id');
		}else{
			tar = document.getElementById(id);
		}
		if(!tmplCaches[id]){
			tmplCaches[id] = analyze(tar.innerHTML);
		}
		return tmplCaches[id].apply(data).join('');
	}
 
	/**
	 * 功能主调方法
	 * @param {String / Object} id 字符或dom对象
	 * @param {ALL} json 模板主要数据,任何数据类型都可以,模板使用this获取数据
	 */
	JSMT.render = function(id,json){
		var output = register.apply(this,[id,json || '']);
		return output;
	}
	/**
	 * 辅助方法
	 */
	JSMT.htmlEncode = htmlEncode;
	JSMT.htmlDecode = htmlDecode;
})(JSMT);

    <ul id="list">
        <script type="text/template" id="item_tmpl1">
            for(var i = 0 ,len = this.length ; i < len ; i++){
                <# 
                    <li>
                        <p><a href='{$ this[i].name $}'>{$ this[i].name $}</a></p>
                        {$ JSMT.render("item_tmpl2",this[i].detail) $}
                    </li> 
                #>
            }
        </script>
    </ul>
    <script type="text/template" id="item_tmpl2">
        <#
            <p style="margin-left:10px;">Age:{$ this.age $}</p>
            <p style="margin-left:10px;">Gender:{$ JSMT.htmlDecode(this.gender) $}</p>
            <p style="margin-left:10px;">Hobby:{$ this.hobby$}</p>
        #>
    </script>

<script>
	var container = document.getElementById('list');
	container.innerHTML = JSMT.render(
		'item_tmpl1',
		[
			{
				name:'marry',
				detail:{
					age : 10,
					gender  : '<span style="color:red;">girl</span>',
					hobby : 'reading'
				}
			},
			{
				name:'Joe',
				detail:{
					age : 23,
					gender  : '&lt;span&nbsp;style="color:red;"&gt;girl&lt;/span&gt;',
					hobby : 'playing'
				}
			}
		]
	);
</script>

//credit: Jeff Greenberg
var iterations = Math.floor(items.length / 8),
     startAt = Items.length % 8,
     i = 0;
do{
  switch(startAt){
    case 0: process(items[i++]);
    case 7: process(items[i++]);
    case 6: process(items[i++]);
    case 5: process(items[i++]);
    case 4: process(items[i++]);
    case 3: process(items[i++]);
    case 2: process(items[i++]);
    case 1: process(items[i++]);
  }
}while(--iterations);

//credit: Jeff Greenberg
var i = items.length % 8;
while(i){
  process(items[i--]);
}
i = Math.floor(items.length / 8);
while(i){
  process(items[i--]);
  process(items[i--]);
  process(items[i--]);
  process(items[i--]);
  process(items[i--]);
  process(items[i--]);
  process(items[i--]);
  process(items[i--]);
}

var iterations = Math.floor(items.length / 8),
     startAt = Items.length % 8,
     i = 0;
do{
  switch(startAt){
    case 0: process(items[i++]);
    case 7: process(items[i++]);
    case 6: process(items[i++]);
    case 5: process(items[i++]);
    case 4: process(items[i++]);
    case 3: process(items[i++]);
    case 2: process(items[i++]);
    case 1: process(items[i++]);
  }
  startAt = 0;  //这里从书上少抄了
}while(iterations--);  //可以改这里的条件，或者上面iterations的赋值

var t = items.length % 8 , i = 0;
while(t){
  process(items[i++]);
}
t = Math.floor(items.length / 8);
while(t){
  process(items[i++]);
  process(items[i++]);
  process(items[i++]);
  process(items[i++]);
  process(items[i++]);
  process(items[i++]);
  process(items[i++]);
  process(items[i++]);
}

var img = new Image();
img.src = "test.gif";
img.onload = function(){
  alert ( img.width );
};

var img = new Image();
img.onload = function(){
  alert ( img.width );
};
img.src = "test.gif";

<meta name="apple-mobile-web-app-capable" content="yes" />

window.addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){
window.scrollTo(0,1);
}

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
/*width - viewport的宽度 height - viewport的高度*/
/*initial-scale - 初始的缩放比例*/
/*minimum-scale - 允许用户缩放到的最小比例*/
/*maximum-scale - 允许用户缩放到的最大比例*/
/*user-scalable - 用户是否可以手动缩放*/

<link rel="apple-touch-icon"  sizes="72x72" href="apple-touch-icon.png"/>
<link rel="apple-touch-startup-image" href="startup.png"/>

<link media="only screen and (max-device-width: 480px)" href="iphone.css" type= "text/css" rel="stylesheet">

<a href="tel:03545770051">海健</a>
<a href="sms:03545770051">短信</a>

switch(window.orientation){
  case 0:
    break;
  case 90:
    break;
  case -90:
    break;
  case 180:
    break;
}

window.addEventListener('load', function() {
    var b = document.getElementById('box'),
    bstyle = b.style;
    b.addEventListener('gesturechange', function(event) {
        event.preventDefault();
        bstyle.webkitTransform = 'scale(' + event.scale + ') ' +
        'rotate('+ event.rotation + 'deg)';
    }, false);
}, false);

function foo(){
 var arr=Array.prototype.slice.call(arguments, 0);
 arr.slice(); //现在不会报错了，因为它是一个真正的数组
}
 
foo('pzling','http://pzling.com');