<div id="a">A</div>
<div id="b">B</div>

<div id="a" style="position:static;">A</div>
<div id="b">B</div>

<div id="a" style="position:relative;">A</div>
<div id="b">B</div>

<div id="a">
	<div id="a-1" style="position:relative;">A-1</div>
</div>
<div id="b">B</div>

<div id="a" style="z-index:2;">A</div>
<div id="b" style="z-index:1;">B</div>
<div id="c" style="z-index:0;">C</div>

<div id="a" style="z-index:2;">A</div>
<div id="b" style="position:relative;z-index:1;">B</div>
<div id="c" style="position:relative;z-index:0;">C</div>

<div id="a" style="position:relative;z-index:1;">A</div>
<div id="b" style="position:relative;z-index:0;">B</div>
<div id="c" style="position:relative;">C</div>
<div id="d" style="position:relative;z-index:0;">D</div>

<div id="a" style="position:relative;z-index:1;">
	<div id="a-1">A-1</div>
</div>
 
<div id="b" style="position:relative;z-index:0;">
	<div id="b-1">B-1</div>
</div>

<div id="a" style="position:relative;z-index:0;">
	<div id="a-1" style="position:relative;z-index:2;">A-1</div>
</div>
 
<div id="b" style="position:relative;z-index:0;">
	<div id="b-1" style="position:relative;z-index:1;">B-1</div>
</div>

<div id="a" style="position:relative;z-index:2;">
	<div id="a-1" style="position:relative;z-index:0;">A-1</div>
</div>
 
<div id="b">
	<div id="b-1" style="position:relative;z-index:1;">B-1</div>
</div>

<div id="a" style="position:relative;z-index:0;">
	<div id="a-1" style="position:relative;z-index:100;">A-1</div>
</div>
 
<div id="b">
	<div id="b-1" style="position:relative;z-index:0;">
		<div id="b-1-1" style="position:relative;z-index:10;">B-1-1</div>
	</div>
</div>
 
<div id="c" style="position:relative;z-index:0;">
	<div id="c-1">
		<div id="c-1-1">
			<div id="c-1-1-1" style="position:relative;z-index:1;">C-1-1-1</div>
		</div>
	</div>
</div>

<div id="a" style="position:relative;">
	<div id="a-1" style="position:relative;z-index:100;">A-1</div>
</div>
 
<div id="b">
	<div id="b-1" style="position:relative;">
		<div id="b-1-1" style="position:relative;z-index:10;">B-1-1</div>
	</div>
</div>
 
<div id="c" style="position:relative;">
	<div id="c-1">
		<div id="c-1-1">
			<div id="c-1-1-1" style="position:relative;z-index:1;">C-1-1-1</div>
		</div>
	</div>
</div>

<div id="a" style="position:relative;">
	<div id="a-1" style="position:relative;z-index:100;">A-1</div>
</div>
 
<div id="b">
	<div id="b-1">
		<div id="b-1-1" style="position:relative;z-index:10;">B-1-1</div>
	</div>
</div>
 
<div id="c" style="position:relative;">
	<div id="c-1">
		<div id="c-1-1">
			<div id="c-1-1-1" style="position:relative;z-index:1;">C-1-1-1</div>
		</div>
	</div>
</div>

<?php
 
// 引入 PHP 库文件
include("geoip.inc");
 
// 打开本地数据库, 数据保存在 GeoIP 文件中.
$geoData = geoip_open('GeoIP.dat', GEOIP_STANDARD);
 
// 获取国家 IP
$countryCode = geoip_country_code_by_addr($geoData, $_SERVER['REMOTE_ADDR']);
 
// 获取国家名称
$countryName = geoip_country_name_by_addr($geoData, $_SERVER['REMOTE_ADDR']);
 
// 关闭本地数据库
geoip_close($geoData);
 
?>

<?php
 
include('geoip.inc');
 
global $countryCode;
 
$geoData = geoip_open('GeoIP.dat', GEOIP_STANDARD);
$countryCode = geoip_country_code_by_addr($geoData, $_SERVER['REMOTE_ADDR']);
geoip_close($geoData);
 
?>

<?php include('include/geoip.php'); ?>

<?php
 
global $countryCode;
 
if($countryCode == 'CN') {
	// 中国大陆地区执行的代码
} else if($countryCode == 'US') {
	// 美国地区执行的代码
} else {
	// 中国大陆和美国以外地区执行的代码
}
 
?>

// 在弹出对话框上点击时, 不进行任何页面操作, 并阻止冒泡
document.getElementById('dialog').onclick = function(ev) {
	ev.stopPropagation();
};
 
// 在 documentElement 节点上监听到点击事件时, 隐藏对话框
document.documentElement.onclick = function(ev) {
	document.getElementById('dialog').style.display = 'none';
};

// 在弹出对话框上点击时, 不进行任何页面操作, 并阻止冒泡
document.getElementById('dialog').onclick = function(ev) {
	ev.cancelBubble = false;
};

<a href="http://w3c.org" onclick="alert('JavaScript Click Event');">点击链接</a>

<a id="link" href="http://w3c.org">W3C 首页链接</a>
 
<script>
// 在新窗口, 打开页面
document.getElementById('link').onclick = function(ev) {
	// 阻止浏览器默认动作 (页面跳转)
	ev.preventDefault();
	// 在新窗口打开页面
	window.open(this.href);
};
</script>

<a id="link" href="http://w3c.org">W3C 首页链接</a>
 
<script>
// 在新窗口, 打开页面
document.getElementById('link').onclick = function(ev) {
	// 在新窗口打开页面
	window.open(this.href);
	// 退出执行 (在监听事件之后执行的浏览器默认动作将不会被执行)
	return false;
};
</script>

context.moveTo(40, 40); // 将笔移动到 (40, 40)
context.lineTo(340, 40); // 用笔画线到 (340, 40)
context.stroke(); // 让线条描绘出来

context.moveTo(40, 40); // 将笔移动到 (40, 40)
context.lineTo(340, 40); // 用笔画线到 (340, 40)
context.lineTo(340, 100); // 用笔画线到 (340, 100)
context.lineTo(40, 100); // 用笔画线到 (40, 100)
context.stroke(); // 让线条显示出来

context.moveTo(40, 40); // 将笔移动到 (40, 40)
context.beginPath(); // 开始路径
context.lineTo(340, 40); // 用笔画线到 (340, 40)
context.lineTo(340, 100); // 用笔画线到 (340, 100)
context.lineTo(40, 100); // 用笔画线到 (40, 100)
context.stroke(); // 让线条显示出来

context.beginPath(); // 开始路径
context.moveTo(340, 40); // 用笔画线到 (340, 40)
context.lineTo(340, 100); // 用笔画线到 (340, 100)
context.lineTo(40, 100); // 用笔画线到 (40, 100)
context.closePath(); // 结束路径
context.stroke(); // 让线条显示出来

context.beginPath(); // 开始路径
context.moveTo(340, 40); // 用笔画线到 (340, 40)
context.lineTo(340, 100); // 用笔画线到 (340, 100)
context.lineTo(40, 100); // 用笔画线到 (40, 100)
context.closePath(); // 结束路径
context.fill(); // 让线条显示出来

context.beginPath(); // 开始路径
context.moveTo(340, 40); // 用笔画线到 (340, 40)
context.lineTo(340, 100); // 用笔画线到 (340, 100)
context.lineTo(40, 100); // 用笔画线到 (40, 100)
context.fill(); // 让线条显示出来

context.beginPath(); // 开始路径
context.moveTo(340, 40); // 用笔画线到 (340, 40)
context.lineTo(340, 100); // 用笔画线到 (340, 100)
context.lineTo(340, 150); // 用笔画线到 (340, 150)
context.fill(); // 让线条显示出来

context.strokeRect(x, y, width, height); // 只勾画出矩形的外框
context.fillRect(x, y, width, height); // 画出矩形并使用颜色填充矩形区域

context.arc(x, y, radius, startAngle, endAngle, anticlockwise);

var radians = degrees * (Math.PI / 180); // radians 是弧度, degrees 是角度

context.beginPath();
context.arc(230, 90, 60, Math.PI * -1 / 4, Math.PI * 3 / 4); // 从 -1/4π 到 3/4π, 以 (230, 90) 为圆心, 半径 60px 画圆.
context.closePath();
context.fill();

var text = "Hello, World!";
context.fillText(text, x, y);

var text = "Hello, World!";
context.font = "italic 60px serif";
context.fillText(text, 40, 40);

<canvas width="500" height="500">
	这是提示信息
</canvas>

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");

<!DOCTYPE HTML>
<html>
<head>
<title>HTML5 Canvas Sample</title>
 
<!--[if IE]><script src="excanvas.js"></script><![endif]-->
<script>
//<![CDATA[
function drawRect() {
	var canvas = document.getElementById("canvas");
	var context = canvas.getContext("2d");
 
	context.strokeRect(50, 50, 120, 80);
}
//]]>
</script>
 
</head>
 
<body onload="drawRect();">
<canvas id="canvas" width="500" height="500">
	这是反馈信息
</canvas>
 
</body>
</html>

dispatchEvent(new Event("my event"));

dispatchEvent(new Event(Event.INIT));

package {
 
	import flash.utils.Timer;
	import flash.events.TimerEvent;
	import flash.events.EventDispatcher;
	import flash.events.Event;
 
	public class DispatchEventExample extends EventDispatcher {
 
		private var _timer:Timer;
 
		public function DispatchEventExample() {
			_timer = new Timer(1000, 1);
			_timer.addEventListener(TimerEvent.TIMER, onTimer,
									false, 0, true);
			_timer.start();
		}
 
		private function onTimer(evt:TimerEvent):void {
			dispatchEvent(new Event("one second elapsed"));
		}
	}
}

package {
 
	import flash.display.Sprite;
	import flash.events.Event;
 
	public class Main extends Sprite {
 
		private var _dispatchExample:DispatchEventExample;
 
		public function Main() {
			_dispatchExample = new DispatchEventExample();
			_dispatchExample.addEventListener("one second elapsed",
									  onOneSecond, false, 0, true);
		}
 
		private function onOneSecond(evt:Event):void {
			trace("_dispatchExample has dispatched an event");
		}
	}
}

var scribbleSlider:OpenSlider = new OpenSlider(scribbleBtn, scribbleLine);

scribbleSlider.addEventListener(Event.CHANGE, onSliderChange, false, 0, true);

function onSliderChange(evt:Event):void {
	trace(evt.target.percent);
}

// set range
scribbleSlider.setRange(-5, 5);
 
// read value
trace(scribbleSlider.value);

private function onBtnDown(evt:MouseEvent):void {
	_btn.stage.addEventListener(MouseEvent.MOUSE_UP,onBtnUpOutside);
	_btn.startDrag(false,_rect);
	_btn.addEventListener(Event.ENTER_FRAME,onChange);
	_btn.stage.addEventListener(Event.MOUSE_LEAVE,onBtnUp);
}
private function onBtnUp(evt:MouseEvent):void {
	_btn.stopDrag();
 
	_btn.removeEventListener(Event.ENTER_FRAME,onChange);
	_btn.stage.removeEventListener(Event.MOUSE_LEAVE,onBtnUp);
	_btn.stage.removeEventListener(MouseEvent.MOUSE_UP,onBtnUpOutside);
}
private function onBtnUpOutside(evt:MouseEvent):void {
	if (evt.target!=this) {
		_btn.stopDrag();
		_btn.removeEventListener(Event.ENTER_FRAME,onChange);
	}
	_btn.stage.removeEventListener(Event.MOUSE_LEAVE,onBtnUp);
	_btn.stage.removeEventListener(MouseEvent.MOUSE_UP,onBtnUpOutside);
}
private function onChange(evt:Event):void {
	if (_scrollMode == "horizontal") {
		_percent = (int(_btn.x)-int(_rect.left))/int(_rect.width);
	} else {
		_percent = (int(_rect.bottom)-int(_btn.y))/int(_rect.height);
	}
	dispatchEvent(new Event(Event.CHANGE));
}

public class Lady {
 
	// 年龄
	private var _age:int;
 
	// 发质
	protected var _hairQuality:String;
	public function get hairQuality():String {
		return this._hairQuality;
	}
 
	// 发型
	private var _hairStyle:String;
	public function get hairStyle():String {
		return this._hairStyle;
	}
	public function set hairStyle(value:String):void {
		this._hairStyle = value;
	}
 
	public function Lady() {
		this._age = 24;
		this._hairQuality = "damaged";
		this._hairStyle = "fashion";
	}
 
}

var lady:Lady = new Lady();
if(lady.hairStyle == "gliding") {
	lady.hairStyle = "fashion";
}

public class Lady {
 
	// 年龄
	private int _age;
 
	public Lady() {
		this._age = 24;
		this._hairQuality = "damaged";
		this._hairStyle = "fashion";
	}
 
	// 发质
	protected String _hairQuality;
	protected String getHairQuality {
		return this._hairQuality;
	}
 
	// 发型
	private String _hairStyle;
	public String getHairStyle() {
		return this._hairStyle;
	}
	public void setHairStyle(String value) {
		this._hairStyle = value;
	}
 
}

package 
{
	import flash.display.Sprite;
 
	public class Main extends Sprite 
	{
		public function Main():void 
		{
			trace('Hello World!');
		}
	}
 
}

// 用数组存放广告列表
$ads = array('<a href="#"><img src="ad-125x125.png" alt="广告 1" width="125" height="125" /></a>'
			,'<a href="#"><img src="ad-125x125.png" alt="广告 2" width="125" height="125" /></a>'
			,'<a href="#"><img src="ad-125x125.png" alt="广告 3" width="125" height="125" /></a>'
			,'<a href="#"><img src="ad-125x125.png" alt="广告 4" width="125" height="125" /></a>'
);
 
// 对数组进行随机排序
shuffle($ads);
 
// 输出经过排序的数组
$html = '';
foreach ($ads as $ad) {
	$html .= $ad;
}
echo $html;

// 用数组存放广告列表
$ads = array('<a href="#"><img src="ad-125x125.png" alt="广告 1" width="125" height="125" /></a>'
			,'<a href="#"><img src="ad-125x125.png" alt="广告 2" width="125" height="125" /></a>'
			,'<a href="#"><img src="ad-125x125.png" alt="广告 3" width="125" height="125" /></a>'
);
 
// 对数组进行随机排序
shuffle($ads);
 
// 输出经过排序的数组
$html = '';
foreach ($ads as $ad) {
	$html .= $ad;
}
 
// 添加广告招租链接
$html .= '<a href="#"><img src="sell-ad-125x125.png" alt="虚位以待" width="125" height="125" /></a>';
echo $html;

<div id="ads">
	<a href="#"><img src="ad-125x125.png" alt="广告 1" width="125" height="125" /></a>
	<a href="#"><img src="ad-125x125.png" alt="广告 2" width="125" height="125" /></a>
	<a href="#"><img src="ad-125x125.png" alt="广告 3" width="125" height="125" /></a>
	<a href="#"><img src="ad-125x125.png" alt="广告 4" width="125" height="125" /></a>
</div>

<div id="ads" style="display:none;">
	<a href="#"><img src="ad-125x125.png" alt="广告 1" width="125" height="125" /></a>
	<a href="#"><img src="ad-125x125.png" alt="广告 2" width="125" height="125" /></a>
	<a href="#"><img src="ad-125x125.png" alt="广告 3" width="125" height="125" /></a>
	<a href="#"><img src="ad-125x125.png" alt="广告 4" width="125" height="125" /></a>
</div>
<div id="random-ads" style="display:none;">
</div>
 
<script type="text/javascript">
//<![CDATA[
 
var source = document.getElementById('ads');
var target = document.getElementById('random-ads');
var ads = source.getElementsByTagName('a');
 
// 下标数组
var arr = new Array();
for(var i=0; i<ads.length; i++) {
	arr[i] = i;
}
 
// 随机排序
function randomSort(a, b){
	var tmp = parseInt((Math.random() + 0.5), 10);
	return tmp ? a-b : b-a;
}
 
// 将老的广告区的节点随机插放到新的广告区
arr.sort(randomSort);
for(var i=0; i<arr.length; i++) {
	target.appendChild(ads[arr[i]].cloneNode(true));
}
 
// 显示新的广告区和移除老的广告区
source.parentNode.removeChild(source);
target.style.display = 'block';
 
//]]>
</script>

/**
 * 为搜索框添加提示功能
 * @param searchTip		提示信息
 * @param searchBoxId	搜索输入框 ID
 * @param hideBoxId		关键字隐藏框 ID
 */
m.hint.initHint = function(searchTip, searchBoxId, hideBoxId){
	var searchBox = document.getElementById(searchBoxId);
	var hideBox = null;
	if(searchBox){
		if(hideBoxId) {
			hideBox = document.getElementById(hideBoxId);
		}
		l.events.listen(searchBox, "blur", l.bind(m.hint.onInputBlur, null, searchBox, hideBox), false);
		l.events.listen(searchBox, "focus", l.bind(m.hint.onInputFocus, null, searchBox, hideBox), false);
		if(hideBox){
			l.events.listen(searchBox, "change", bind(m.hint.onInputChange, null, searchBox, hideBox), false);
			hideBox.value = m.hint.getInputValue(searchBox);
		}
 
		// 在这里将搜索提示赋给临时变量
		m.hint.Gh[searchBox] = searchTip;
		// 如果搜索框存在, 则为搜索框加上临时变量和灰色字的 class
		m.hint.onInputBlur(searchBox);
	}
};
 
m.hint.onInputBlur = function(searchBox, hideBox) {
	m.hint.fi(searchBox);
	hideBox && m.hint.onInputChange(searchBox, hideBox);
};
 
m.hint.fi = function(searchBox) {
	if(searchBox) {
		var searchTip = m.hint.Gh[searchBox];
		if(searchTip && (searchBox.value.trim()=="" || searchBox.value==searchTip)) {
			searchBox.setAttribute(m.hint.IS_HINT, "1");
			searchBox.className += " hint";
			searchBox.value = searchTip;
		}
	}
};

public class Test {
	public static void main(String args[]) throws Exception {
		String str = "020";
		System.out.println(Integer.parseInt(str));
	}
}

var str = "020";
var num = parseInt(str);
alert(num);

parseInt(num, radix);

var str = "020";
var num = parseInt(str, 10);
alert(num);

apple.banana.candy.dog.egg.fog.god.huh.index = 0;
doSomething(apple.banana.candy.dog.egg.fog.god.huh.index);

with(apple.banana.candy.dog.egg.fog.god.huh) {
	c = 0;
	doSomething(index);
}

var root = {
	branch: {
		node: 1
	}
};
 
with(root.branch) {
	node = 0;
	// 显示 0, 正确!
	alert(node);
}
// 显示 0, 正确!
alert(root.branch.node);

var root = {
	branch: {
		node: 1
	}
};
 
with(root.branch) {
	root.branch.node = 0;
	// 显示 0, 正确!
	alert(node);
}
// 显示 0, 正确!
alert(root.branch.node);

var root = {
	branch: {
		node: 1
	}
};
 
with(root.branch) {
	root.branch = {
		node: 0
	};
	// 显示 1, 错误!
	alert(node);
}
// 显示 0, 正确!
alert(root.branch.node);

var root = {
	branch: {
		node: 1
	}
};
 
var quote = root.branch;
quote.node = 0;
// 显示 0, 正确!
alert(root.branch.node);

/**
 * 获取放大镜放大倍数
 * @param thumb		缩略图对象
 * @param glass		镜片对象
 * @return 			放大镜放大倍数
 */
function getMultiple(thumb, glass) {
	var multiple = {
		horizontal:0,
		vertical:0
	};
 
	var thumbSize = getSize(thumb);
	var imageSize = getImageSize(image);
 
	multiple.horizontal = imageSize.width / thumbSize.width;
	if(multiple.horizontal <= 1) {
		multiple.horizontal = 1;
	}
 
	multiple.vertical = imageSize.height / thumbSize.height;
	if(multiple.vertical <= 1) {
		multiple.vertical = 1;
	}
 
	return multiple;
}

/**
 * 加载镜片的样式
 * @param viewportSize	视窗尺寸
 * @param multiple		倍率
 * @param glass			镜片对象
 */
function loadGlassStyle(viewportSize, multiple, glass) {
	glass.style.width = round(viewportSize.width / multiple.horizontal) + 'px';
	glass.style.height = round(viewportSize.height / multiple.vertical) + 'px';
}

/**
 * 返回视窗尺寸
 * @param multiple		倍率
 * @param image			原图对象
 * @return				视窗尺寸
 */
getViewportSize: function(multiple, image) {
	var dimension = {
		width:0,
		height:0
	};
 
	// 如果倍率小于 1 或者视窗比原图还宽, 宽度设为跟原图一致, 否则去设定宽度
	if(multiple.horizontal <= 1 || config.viewportSize[0] > image.width) {
		dimension.width = image.width;
	} else {
		dimension.width = config.viewportSize[0];
	}
 
	// 如果倍率小于 1 或者视窗比原图还高, 高度设为跟原图一致, 否则去设定高度
	if(multiple.vertical <= 1 || config.viewportSize[1] > image.height) {
		dimension.height = image.height;
	} else {
		dimension.height = config.viewportSize[1];
	}
 
	return dimension;
}