全球旧事资料 分类
移动开发app有用例子
以下摘录自网络
作者:pho
my发布:20130112分类:WEB前端移动端javascript简称js语言在移动前端应用很广。可以说必不可少,许多效果都是和js相关的。包括现在移动端的一些框架。jqmobi、jqtouch、se
chatouch、jquerymobile等等。这些都是基于js而进行编写的。这篇暂时不讨论这些框架。以后会慢慢介绍其中的一两个框架的具体使用方法。这篇主要讨论一下部分常用的js事件在移动端的使用。举几个例子:1、隐藏地址导航栏:scripttype”textjavascript”该函数由Simo
Williso
编写它只有一个参数该参数表示被调用的函数名在页面加载完毕时执行的函数的名字fu
ctio
addLoadEve
tfu
cvaroldO
loadwi
dowo
loadiftypeofwi
dowo
load‘fu
ctio
’wi
dowo
loadfu
celsewi
dowo
loadfu
ctio
oldO
loadfu
cpeppertee
scom添加Load事件处理addLoadEve
thideMe
ufu
ctio
hideMe
usetTimeout“wi
dowscrollTo00”1script
以上代码是针对IOS系统的移动端收缩地址导航栏作用的(部分安卓机也可以)。核心代码其实就是一句:setTimeout“wi
dowscrollTo00”1利用定时器,将窗口移动到内容端的最上端。从而隐掉地址导航栏。
2、判断手机横竖屏状态:scripttype”textjavascript”fu
ctio
he
gshupi
gifwi
doworie
tatio
180wi
doworie
tatio
0alert“竖屏状态!”ifwi
doworie
tatio
90wi
doworie
tatio
90
falert“横屏状态!”wi
dowaddEve
tListe
er“o
orie
tatio
cha
ge”i
wi
dow“orie
tatio
cha
ge”“resize”he
gshupi
gfalsescript移动端的浏览器一般都支持wi
doworie
tatio
这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态。从而根据实际需求而执行相应的程序。通过添加监听事件o
orie
tatio
cha
ge,进行执行就可以了。
3、判断是否是从主屏幕图标进入的网站。
scripttype”textjavascript”
if
‘sta
dalo
e’
i

avigator


avigatorsta
dalo
e

ipho
eipodipadgitest
avigatorplatformSafariitest
avigatorappVersio

wi
doworie
tatio
90wi
doworie
tatio
90
docume
twrite‘li
krel”stylesheet”href”cssadd2homecss”’
docume
twrite‘scripttype”applicatio
javascript”src”jsadd2homejs”charset”
utf8″s’‘cript’

script
通过判断
avigatorsta
dalo
e来确定是否是从主屏幕图标来进入网站的。这个主要是应用在
webapp端还是web端进入网站的。从而进行相应的操作。本例是
avigatorsta
dalo
e等于
false即是从浏览器(web端)进入的网站的。那么在docume
t文档中写入两段代码。
4、取消浏览器默认行为:varpreve
tDr
好听全球资料 返回顶部