4. 方向变化
你的页面和应用程序可以在两个方向上查看：纵向和横向。如果你的应用程序可以根据不同的方向进行变化，那将非常的酷。
使用Javascript可以获得window.orientation的属性，它包含以下值：
l 0 – 正常的纵向方向(开始按钮在下方)
l -90 – 从纵向顺时针旋转后的水平方向(开始按钮在左方)
l 90 – 从纵向逆时针旋转后的水平方向(开始按钮在右方)
l 180 – 目前还不支持，但应该是纵向旋转(开始按钮在上方)
当用户倾斜设备时，你可以使用orientationchange事件来执行一个动作，下面是一个简单的例子，无论何时当方向发生变化时弹出一个警告提示，显示window.orientation的值：
window.onorientationchange = function() {
alert(window.orientation);
}
alert(window.orientation);
}
可以在例7(链接：http://www.sitepoint.com/examples/iphone-development-12tips/orientation-change.html)中看到它是如何工作的，旋转电话时就会看到警告，在iPhone模拟器中，在硬件菜单下可以看到旋转选项，如下图所示。
图 3 旋转设备时弹出警告信息
