
小程序在开发的时候,有时候需要引入第三方的js文件,那么今天,就介绍下,如何在小程序中引入js文件并且使用该js里的方法。
工具/原料
1.小程序开发者工具md5.js
方法/步骤
2.在小程序开发者工具的界面上,新打开一个小程序文件,在各页面列表下,新建一个名为【js】的文件夹,用于存放第三方的js文件,如图所示。
3.从网上下载一个第三方的js文件,我们这里下载的是md5.js文件,该js主要用于加密输入的内容,常用于密码的加密。
4.打开刚才新建的js文件夹所在目录,具体操作方法是:鼠标右击该文件夹,选择【在硬盘中打开】,进入该目录,并且将md5.js文件复制到该目录下。
5.在开发者工具上,双击md5.js文件,打开该js文件,可以看到里面的一些方法。我们这里只选取一个方法:hex_md5()作为验证。并且在里面加入一句:module.exports = {hex_md5: hex_md5},即将hex_md5()方法暴露出去。
6.在另外一个页面的js方法里,新建一个方法:getPassWord(),用到了md5.js里面的方法。用var md5 = require('../../js/md5.js')引入md5.js文件。用var psw = md5.hex_md5('abc123')调用hex_md5方法,并且输出“abc123”的密文。
7.最后将getPassWord()放到onReady()方法中,使加载页面时,即调用getPassWord(),保存一下,然后运行下该小程序。结果控制台输出了“加密后的密码 abc123 是:e99a18c428cb38d5f260853678922e03”,将“abc123”加密成了密文,符合了我们的预期。以上就是如何在小程序中引入js文件,并且使用的方法。如果觉得有用,记得点赞或投票支持!
注意事项
8.引入其他js文件的方法类似。













