微信小程序调用js方法

微信小程序调用js方法。微信小程序指js的方法是什么？微信小程序引用js的方法代码怎么写？下面小系列给大家讲解一下。

一个小程序页面由四个文件组成，一个小程序页面的四个文件有相同的路径和文件名，所以我们可以知道一个小程序页面对应一个与页面同名的js文件。但是当有一些公共方法的时候，我们想把它们拉出来，成为一个独立的公共js文件。怎么才能做到？

根目录下有一个app.js文件。这个根目录的js文件可以很容易的通过getapp调用。

//app.js

app({ globadata : ' huangenai ' })

//test.js

var app=getapp

页面({

onload:函数{

console . log(app . globadata)；

} })

您可以在开发人员工具的控制台中看到它

然后，当我们拉出一些常用方法时，在根目录下创建一个新的utils文件夹，并在这里创建util.js，我们可以在这里编写常用方法。

util.js//'s规则判断

函数正则(str，reg) {

if (reg.test(str))

返回true

返回false

}

//是中文吗

函数ischinese(str) {

var reg=/^[u0391-uffe5]$/；

返回常规(str，reg)；

}

module.exports={

getrequest url : ' http://localhost 336059637 '，//获取接口地址

ischinese: ischinese，}

//test.js

var util=require('././utils/util . js ')；

页面({

onload:函数{

console.log('判断是否是中文： ' util . ischinese(' test '))；

console.log('输出接口url:' util . getrequesturl)；

}

})

您可以在开发人员工具的控制台中看到它

请注意，在util.js中的正则方法中，我们不能像这样调用util.regular，因为我们没有用module.exports公开模块接口

如果您直接调用，将会出现此错误

third script terror

util.regular不是函数；在' pages/test/test '页面lifecyclemethodonload函数

typeerror: util.regular不是函数

下面是题目的开头。微信小程序导航栏返回样式定制。标题到此结束

微信小程序开发后的导航栏自带后退按钮，可以设置，主要是设置风格。那么如何设置微信小程序导航栏的返回样式呢？让我们看看！

我们需要定制它的风格，这可以通过多种方式来实现。比如hack导航栏的视图层次结构。如果不想黑导航栏，可以用navigationbardelegate。问题是，如果导航控制器附带的是navigationbar，您将无法访问navigationbar(程序将崩溃)。这是苹果文档中的描述：

请注意，如果使用auinavigationcontroller对象来管理hierarchicalnavigation，则不应直接访问导航栏对象。

在这里，我们提供了另一种“定制”方法。也许我们不能称之为定制，因为我们实际上隐藏了默认的标题栏返回按钮，并提供了一个定制的返回按钮作为导航栏的左按钮。使用这个方法，我们不仅可以自定义按钮样式(标题和背景图片)，还可以触发自定义方法。默认的后退按钮操作是popviewcontroller，可以修改为其他操作。

这个过程大致分为四个步骤：

1.通过将navigationitem的hidesbackbutton设置为yes来隐藏默认返回按钮：

//隐藏默认的“后退”按钮

[self . navigation items ethidessbackbutton : yes]；

2.自定义barbuttonitem。首先，我们定制一个uibutton。uibutton是用button with type : ui button type custom方法初始化的。然后使用setbarckgroundimage方法自定义按钮的背景图片，使用addtarget方法指定按钮的事件处理方法。这样，我们就得到一个完全定制的按钮。barbuttonitem的初始化方法为initwithcustomview:我们可以使用一个定制的视图(比如我们定制的按钮)作为这个方法的applet参数来构建一个barbuttonitem。

//自定义导航栏的“后退”按钮

ui button * btn=[ui button button with type : ui button type custom]；

btn.frame=cgrectmake(15，5，38，38)；

[btn setbackgroundimage :[uiimageimagenamed : @ ' button-return 1 . png ']for state : uicontrolstatenough]；

[btn add target : self action : @ selector(go back action)for control event 3360 uicontroleventtouchupside]；

uibarbuttonitem * back=[[uibarbuttonitemalloc]initwithcustview : btn]；

将barbuttonitem设置为navigationitem的leftbarbutton。

//设置导航栏的左键

self . navigation item . left barbutton item=back；

4.编写按钮的事件代码。

-(void)gobackaction{

//在此添加返回按钮的自定义操作

[self . navigationcontrolleropview controlleranimated : yes]；

}

以上四个步骤都是微信小程序导航栏返回的步骤，相当详细。希望大家可以参考上面的流程和源代码成功开发。如果想获得更多相关信息，请关注源代理网的小程序渠道。