在设计适合手机浏览的网页时,利用CSS3的MediaQueries属性可以实现网页自适应不同终端屏幕的宽度,那么如果想禁止执行指定的Javascript代码时又该如何实现呢?
网页设计过程中,为了增加页面美观,经常会增加一些Javascript网页特效,但这些Javascript特效在移动端浏览时可能就会影响用户体验,应此有必要禁止执行这些Javascript代码。
移动端禁止执行指定的Javascript代码实现起来也很简单,只需要在代码中增加判断网页宽度的代码即可,具体如下所示:
//只有在页面宽度大于480px时才会执行大括号中的代码
if(document.body.clientWidth>480){ }
这样的话,CSS样式和Javascript就可以根据PC和移动端的不同从而执行对应的代码。
标签:JavaScript
1 个评论