微信小程序调用外部js外部js执行自动调用某些代码

微信小程序中,在微信官方开发文档我们可以知道&&。
一个小程序页面由四个文件组成,一个小程序页面的四个文件具有相同路径与文件名,由此我们可知一个小程序页面对应着一个跟页面同名的js文件。可是当有些公共方法,我们想抽离出来成为一个独立公共的js文件。我们该如何实现呢。
在根目录下有一个app.js文件。这个根目录的js 文件我们可以通过getApp()轻松调用。
globaData:'huangenai' })
var app = getApp();
onLoad: function () {
console.log(app.globaData);
在开发者工具的 Console可以看到
那么当一些通用的公共方法我们抽出来,在根目录下新建一个utils文件夹,新建util.js在这里我们可以将通用的方法写在这。
util.js//正则判断
function Regular(str, reg) {
if (reg.test(str))
return true;
return false;
//是否为中文
function IsChinese(str) {
var reg = /^[\u0391-\uFFE5]+$/;
return Regular(str, reg);
module.exports = {
getRequestUrl: "http://localhost:59637",//获得接口地址
IsChinese: IsChinese,
var util = require('../../utils/util.js');
onLoad: function () {
console.log("判断是否为中文:"+util.IsChinese('测试'));
console.log("输出接口url:"+util.getRequestUrl);
在开发者工具的 Console可以看到
注意了,在util.js里的&Regular()方法,我们不可以这样调用util.Regular(),因为我们没有用&module.exports&来暴露模块接口
如果直接 调用则会出现这样的错误
thirdScriptErrorutil.Regulat "pages/test/test" page lifeCycleMethod onLoad functionTypeError: util.Regular is not a function
阅读(...) 评论()微信小程序引用同一js文件中的方法函数(function)
在小程序的js文件中,有时候我们也要复用同一js的一个或多个方法。如下即可
* 生命周期函数–监听页面显示
onShow: function (options) {
that.queryCartList();
queryCartList:function(){
console.log(‘ok’)
上面代码是在onShow方法调用queryCartList方法,可以看出打印出了queryCartList里面的输出。
![这里写图片描述](https://img-blog.csdn.net/06324?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZEtuaWdodEw=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
没有更多推荐了,更多频道内容在这里查看
爱奇艺用户将能永久保存播放记录
过滤短视频
暂无长视频(电视剧、纪录片、动漫、综艺、电影)播放记录,
按住视频可进行拖动
&正在加载...
举报视频:
举报原因(必填):
请说明举报原因(300字以内):
请输入您的反馈
举报理由需要输入300字以内
感谢您的反馈~
请勿重复举报~
请刷新重试~
收藏成功,可进入
查看所有收藏列表
当前浏览器仅支持手动复制代码
视频地址:
flash地址:
html代码:
通用代码:
通用代码可同时支持电脑和移动设备的分享播放
用爱奇艺APP或微信扫一扫,在手机上继续观看
当前播放时间:
一键下载至手机
限爱奇艺安卓6.0以上版本
使用微信扫一扫,扫描左侧二维码,下载爱奇艺移动APP
其他安装方式:手机浏览器输入短链接http://71.am/udn
下载安装包到本机:
设备搜寻中...
请确保您要连接的设备(仅限安卓)登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
连接失败!
请确保您要连接的设备(仅限安卓)登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
部安卓(Android)设备,请点击进行选择
请您在手机端下载爱奇艺移动APP(仅支持安卓客户端)
使用微信扫一扫,下载爱奇艺移动APP
其他安装方式:手机浏览器输入短链接http://71.am/udn
下载安装包到本机:
爱奇艺云推送
请您在手机端登录爱奇艺移动APP(仅支持安卓客户端)
使用微信扫一扫,下载爱奇艺移动APP
180秒后更新
打开爱奇艺移动APP,点击“我的-扫一扫”,扫描左侧二维码进行登录
没有安装爱奇艺视频最新客户端?
微信小程序 加载外部js
正在检测客户端...
您尚未安装客户端,正在为您下载...安装完成后点击按钮即可下载
30秒后自动关闭
微信小程序 加载外部js">微信小程序 加载外部js
请选择打赏金额:
播放量12.7万
播放量数据:快去看看谁在和你一起看视频吧~
更多数据:
热门短视频推荐
Copyright (C) 2018 & All Rights Reserved
您使用浏览器不支持直接复制的功能,建议您使用Ctrl+C或右键全选进行地址复制
正在为您下载爱奇艺客户端安装后即可快速下载海量视频
正在为您下载爱奇艺客户端安装后即可免费观看1080P视频
&li data-elem="tabtitle" data-seq="{{seq}}"& &a href="javascript:void(0);"& &span>{{start}}-{{end}}&/span& &/a& &/li&
&li data-downloadSelect-elem="item" data-downloadSelect-selected="false" data-downloadSelect-tvid="{{tvid}}"& &a href="javascript:void(0);"&{{pd}}&/a&
选择您要下载的《
后才可以领取积分哦~
每观看视频30分钟
+{{data.viewScore}}分
{{data.viewCount}}/3
{{if data.viewCount && data.viewCount != "0" && data.viewCount != "1" && data.viewCount != "2" }}
访问泡泡首页
+{{data.rewardScore}}分
{{if data.rewardCount && data.rewardCount != 0 && data.getRewardDayCount != 0}}1{{else}}0{{/if}}/1
{{if data.rewardCount && data.rewardCount != 0 && data.getRewardDayCount != 0}}
+{{data.signScore}}分
{{data.signCount}}/1
{{if data.signCount && data.signCount != 0}}
色情低俗内容
血腥暴力内容
广告或欺诈内容
侵犯了我的权力
还可以输入
您使用浏览器不支持直接复制的功能,建议您使用Ctrl+C或右键全选进行地址复制「微信小程序开发连载二十」调用手机硬件「微信小程序开发连载二十」调用手机硬件成都广播电视台天府TV百家号转载自百家号作者:卓象程序员上一篇文章讲解“小程序接口”,本篇文章讲解“调用手机硬件”。小程序可以调用手机的硬件,如相机、相册、视频、录音等等。主要了解一下调用手机的相机和相册功能。wx.chooseImage(OBJECT)从本地相册选择图片或使用相机拍照。OBJECT参数说明:1. wx.chooseImage(OBJECT)的使用①新建页面②在chooseImg.wxml页面添加按钮,并绑定触屏事件,调用手机硬件编译预览:③在交互层(chooseImg.js)中添加choose事件,并调用小程序的API(wx.chooseImage)编译预览,选择一张图片:2. wx.chooseImage(OBJECT)的参数①count——最多可以选择的图片数量,默认9可以同时选中多张图片进行上传。②success——接口调用成功,必填接口调用成功,返回图片的路径信息等。success返回参数说明:File对象结构如下:例如:如果要使用图片的路径,可以直接使用tempFilePaths参数下的路径,和tempFiles下的path是相同的。③其他sizeType是上传原图还是压缩图,默认二者都有,一般不动。sourceType是从相册选择,还是使用相机,默认二者都有,一般不动。fail接口调用失败时返回的函数。complete接口调用结束后操作的函数。3. 选择的图片在界面层展示选择后的图片要在手机端展示出来,给用户看。①在界面层(chooseImg.wxml)添加图片标签②设置图片路径数据在界面层要用数据,就需要在交互层的页面初始数据data中定义数据。页面路径保存在choose事件下获取并设置。③在界面层展示图片,多张图片需要循环展示编译预览:4. 预览图片预览图片,使用的API是wx.previewImage(OBJECT)。OBJECT参数说明:预览图片时是点击图片,图片放大预览。1)预览图片API的使用①为图片添加点击事件②在交互层(chooseImg.js)中定义preview事件,并调用图片预览API③编译预览点击图片预览:2)current参数但是现在有个问题,当上传多张图片时,无论点击哪张图片,都是展示第一张图片,然后图片可以左右拖动浏览。要解决此问题,只要设置current属性即可,当点击某张图片时,获取图片的url,将current参数的值设置为当前图片的url。要获取当前图片的url,需要用到标签的一个属性“data-”。①为图片标签添加data-属性,设置图片的路径②在交互层输出图片点击的事件对象编译预览:在事件对象中保存着当前被点击图片的路径。③将被点击图片路径赋值给current参数编译预览:关注卓象程序员,定期发布技术文章下一篇文章讲解“身份证识别功能”本文由百家号作者上传并发布,百家号仅提供信息发布平台。文章仅代表作者个人观点,不代表百度立场。未经作者许可,不得转载。成都广播电视台天府TV百家号最近更新:简介:成都市广播电视台天府TV作者最新文章相关文章微信小程序本作用域下调用全局JS详解及实例
转载 &更新时间:日 14:28:15 & 作者:赵彦光
这篇文章主要介绍了微信小程序本作用域下调用全局JS详解及实例的相关资料,需要的朋友可以参考下
微信小程序本作用域下调用全局JS详解
本地wxml文件
app版本:{{version}}
本地js文件
onLoad:function() {
app = getApp();
this.setData({version:app.globalData.appName});
&全局js文件
globalData:{
appName:"hcoder"
test:function () {
console.log("ok");
&感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具}

我要回帖

更多关于 微信小程序调用js 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信