Javascript 当用户将手机转向横向时,如何刷新网页

Javascript 当用户将手机转向横向时,如何刷新网页,javascript,jquery,html,Javascript,Jquery,Html,我正在为android和iPhone做一个web应用程序。我的问题是,我想做刷新网页,当用户去景观。因为我是javascript的初学者,所以我不知道怎么做。请帮助我您可以使用计时器并定期检查: if (window.innerHeight > window.innerWidth) { // Redirect code, window.location... } 您可以使用jQuery移动事件,然后执行 window.location.reload(); 刷新页面 例如: $

我正在为android和iPhone做一个web应用程序。我的问题是,我想做刷新网页,当用户去景观。因为我是javascript的初学者,所以我不知道怎么做。请帮助我

您可以使用计时器并定期检查:

if (window.innerHeight > window.innerWidth) {
    // Redirect code, window.location...
}
您可以使用jQuery移动事件,然后执行

window.location.reload(); 
刷新页面

例如:

$(function(){

// Set Inital orientation
// get the initial orientation from window which
// returns 0 for portrait and 1 for landscape
if(window.orientation == 0){
    var ori = "portrait";
}else{
    var ori = "landscape";
}
changeOrientation(ori);

// Orientation Change
// When orientation changes event is triggered
// exposing an orientation property of either
// landscape or portrait
$('body').bind('orientationchange',function(event){
    changeOrientation(event.orientation)
})

// Change the style dependengt on orientation
function changeOrientation(ori){
    // Remove all classes separated by spaces
    $("#orientation").removeClass('portrait landscape');
    $("#orientation").addClass(ori);
    $("#orientation").html("<p>"+ori.toUpperCase()+"</p>");
}

});
$(函数(){
//设置初始方向
//从窗口获取初始方向,该窗口
//返回0表示纵向,返回1表示横向
如果(window.orientation==0){
var ori=“肖像”;
}否则{
var ori=“景观”;
}
改变方向(ori);
//方向改变
//当方向改变时,事件被触发
//公开其中一个的方向属性
//风景画还是肖像画
$('body').bind('orientationchange',函数(事件){
更改方向(事件方向)
})
//根据方向更改样式
功能更改方向(ori){
//删除所有由空格分隔的类
$(“#方向”).removeClass(“纵向风景”);
$(“#方向”).addClass(ori);
$(“#方向”).html(“”+ori.toUpperCase()+”

”); } });
如果高度>宽度,手机将处于纵向模式,而不是景观模式存在这样的问题和答案;)请关闭此问题以避免重复。我像这样使用了您的代码,但仍然不起作用“@yuzi我已经更新了我的代码,但我建议您查看一下jquery和jquery mobile(此示例正在使用)。最后,我这样做了,然后它起作用“window.onorientationchange=function(){var orientation=window.orientation;switch(方向){case 0:window.location.reload();break;case 90:window.location.reload();break;case-90:window.location.reload();break;}“谢谢Johan