Javascript 当用户将手机转向横向时,如何刷新网页
我正在为android和iPhone做一个web应用程序。我的问题是,我想做刷新网页,当用户去景观。因为我是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(); 刷新页面 例如: $
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