当前位置:Gxlcms > PHP教程 > javascript-手机端访问电脑上写好的php页面,js脚本失效是怎么回事?

javascript-手机端访问电脑上写好的php页面,js脚本失效是怎么回事?

时间:2021-07-01 10:21:17 帮助过:12人阅读

配置是:php+apache+mysql+windows

二级菜单是通过js+css完成的效果:

以下手机上显示的页面,左边的二级菜单打不开(javascript脚本根本没有被加载,因为鼠标悬浮的是否没有打开二级菜单):

而电脑上显示的页面是这样的:

还有,我设置的下面的主体内容的宽度是通过js获取屏幕分辨率设置的:
var s_info={

 width:window.screen.width, //这个在电脑上有效
 height:window.screen.height

};
$id('con').style.width=s_info.width*0.95+'px'; // $id() 函数是我自定义的
内部的子元素是通过百分比设置的,然,在手机上由于js脚本没有加载,导致页面就成了第一张图显示的那样。

以下是我通过模拟手机页面的图片,js脚本加载是正常的(二级页面还是打得开的,js脚本加载是正常的):

以下,是我在查看这个页面的源码显示的内容:

就是不知道,在实际的手机上测试的时候:
1:js脚本没有加载
2:在手机上测试的时候,页面出现太多的空白区域(第一张图),而在电脑上浏览却几乎没什么空白区域(第二张图)

就两个问题,求大神解决。。。。

回复内容:

配置是:php+apache+mysql+windows

二级菜单是通过js+css完成的效果:

以下手机上显示的页面,左边的二级菜单打不开(javascript脚本根本没有被加载,因为鼠标悬浮的是否没有打开二级菜单):

而电脑上显示的页面是这样的:

还有,我设置的下面的主体内容的宽度是通过js获取屏幕分辨率设置的:
var s_info={

 width:window.screen.width, //这个在电脑上有效
 height:window.screen.height

};
$id('con').style.width=s_info.width*0.95+'px'; // $id() 函数是我自定义的
内部的子元素是通过百分比设置的,然,在手机上由于js脚本没有加载,导致页面就成了第一张图显示的那样。

以下是我通过模拟手机页面的图片,js脚本加载是正常的(二级页面还是打得开的,js脚本加载是正常的):

以下,是我在查看这个页面的源码显示的内容:

就是不知道,在实际的手机上测试的时候:
1:js脚本没有加载
2:在手机上测试的时候,页面出现太多的空白区域(第一张图),而在电脑上浏览却几乎没什么空白区域(第二张图)

就两个问题,求大神解决。。。。

有的js文件在手机上是不支持的

人气教程排行