移动开发app有用例子

移动开发app有用例子

ID:9076069

大小:15.02 KB

页数:3页

时间:2018-04-16

移动开发app有用例子_第1页
移动开发app有用例子_第2页
移动开发app有用例子_第3页
资源描述:

《移动开发app有用例子》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、移动开发app有用例子以下摘录自网络:作者:phonmy发布:2013-01-12分类:WEB前端,移动端javascript(简称js)语言在移动前端应用很广。可以说必不可少,许多效果都是和js相关的。包括现在移动端的一些框架。jqmobi、jqtouch、senchatouch、jquerymobile等等。这些都是基于js而进行编写的。这篇暂时不讨论这些框架。以后会慢慢介绍其中的一两个框架的具体使用方法。这篇主要讨论一下部分常用的js事件在移动端的使用。举几个例子:1、隐藏地址导航栏://该函数由SimonWill

2、ison编写,它只有一个参数,该参数表示被调用的函数名(在页面加载完毕时执行的函数的名字)functionaddLoadEvent(func){varoldOnload=window.onload;if(typeofwindow.onload!=‘function’){window.onload=func;}else{window.onload=function(){oldOnload();func();}}}//pepperteens.com添加Load事件处理addLoadEvent(hideMenu);functionhideMenu(){setTimeout(“windo

3、w.scrollTo(0,0)”,1);}以上代码是针对IOS系统的移动端收缩地址导航栏作用的(部分安卓机也可以)。核心代码其实就是一句:setTimeout(“window.scrollTo(0,0)”,1);利用定时器,将窗口移动到内容端的最上端。从而隐掉地址导航栏。2、判断手机横竖屏状态:functionhengshuping(){if(window.orientation==180

4、

5、window.orientation==0){alert(“竖屏状态!”)}if(window.orientat

6、ion==90

7、

8、window.orientation==-90){alert(“横屏状态!”)}}window.addEventListener(“onorientationchange”inwindow?“orientationchange”:“resize”,hengshuping,false);移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态。从而根据实际需求而执行相应的程序。通过添加监听事件onorientationchange,进行执行就可以了。3、判断是否是从主屏幕图标进入的网站

9、。if(‘standalone’innavigator&&!navigator.standalone&&(/iphone

10、ipod

11、ipad/gi).test(navigator.platform)&&(/Safari/i).test(navigator.appVersion)&&window.orientation==90

12、

13、window.orientation==-90){document.write(‘’);document.

14、write(‘’);}通过判断navigator.standalone来确定是否是从主屏幕图标来进入网站的。这个主要是应用在webapp端还是web端进入网站的。从而进行相应的操作。本例是navigator.standalone等于false即是从浏览器(web端)进入的网站的。那么在document文档中写入两段代码。4、取消浏览器默认行为:varpreventDefaultScroll=f

15、unction(event){event.preventDefault();window.scroll(0,0);returnfalse;};document.addEventListener(‘touchmove’,preventDefaultScroll,false);取消浏览器默认行为,主要是为了控制一些手势事件。让它们按照具体的需求来进行相应的操作。核心代码是event.preventDefault();当手指滑动(touchmove)时进行触发。关于手指事件,我会专门开

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。