小程序本作用域下怎么调用全局js

小程序本作用域下怎么调用全局js,第1张

微信小程序本作用域下调用全局JS详解

本地wxml文件

1

2

3

<view>

app版本:{{version}}

</view>

本地js文件

1

2

3

4

5

6

7

8

9

10

11

12

var app;

Page({

data:{

},

onLoad:function() {

app = getApp();

thissetData({version:appglobalDataappName});

}

})

全局js文件

1

2

3

4

5

6

7

8

9

//appjs

App({

globalData:{

appName:"hcoder"

},

test:function () {

consolelog("ok");

}

})

可以使用全局变量,在当前页面对全局变量赋值,新页面当中对变量取值就可以达到这样的效果。

也可以使用localStorage,sessionStorage等先保存数据到本地,在新页面获取本地保存的数据就可以了。

一、在 appjson 的 window 对象中定义导航的样式:

这样你会发现所有页面的导航栏都不见了。如果还有其他页面需要导航栏的,那就模仿小程序的导航栏按照以下步骤。

二、首先要在 appjs 的 onLaunch 方法里面获取手机状态栏高度,全局定义导航高度 navHeight :

注意!!!全局定义导航高度 navHeight !!!

我发现很多人会遇到 navHeight 是 undefined 这个问题。在这里说明一下,这个 navHeight 需要在 appjson 里面定义好:

三、在需要导航的 页面 Page 拿到全局变量导航高度:

四、页面展示:

五、附上样式,可以写在 appwxss :

六、界面效果:

缓存就是类似数据库,全局变量就是所有页面都能用,这是两个东西,比如说新闻应用,首页的数据需要放到缓存里,然后下次访问首页的时候直接加载缓存的数据,然后在异步调用接口刷新数据,这样在进入首页的时候就不需要loading了,直接能看到数据,感觉就是秒开,用户体验更好一些,全局变量就是类似用户登录信息,登录之后设置成全局的,每个页面都可以使用,不然跳转后就需要每次都重新获取用户信息

以上就是关于小程序本作用域下怎么调用全局js全部的内容,包括:小程序本作用域下怎么调用全局js、微信小程序表单提交后如何在新页面显示提交数据不使用url传递提交的参数、微信小程序:自定义导航栏等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/9476393.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存