小程序中的JS

JavaScript09

小程序中的JS,第1张

1、小程序不是运行在浏览器中，所以没有DOM和BOM对象

2、小程序的JS有一些额外的成员

App方法 用于定义应用程序实例对象

Page方法 用于定义页面对象

getApp方法 用于获取全局应用程序对象

getCurrentPages方法 用来获取当前页面的调用栈（数组 最后一个就是当前页

wx对象 用来提供核心api的 官方链接： https://developers.weixin.qq.com/miniprogram/dev/api/

3、小程序JS是支持CommonJS规范的

eg:

./utils/foo.js文件

function say(msg){

    console.log("hello"+msg)

}

module.exports = {

    say:say

}

app.js文件

const foo = require("./utils/foo.js")

foo.say("hi")

我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件

<!DOCTYPE html>

<html>

<head>

<script>

function displayDate()

{

document.getElementById("demo").innerHTML=Date()

}

</script>

</head>

<body>

<h1>My First JavaScript</h1>

<p id="demo">This is a paragraph.</p>

<button type="button" onclick="displayDate()">

Display Date</button>

</body>

</html>

1、首先预备好外部想要引入的外部文件，命名为util.js,并且填充固定的文件内容(普通是固定的库)。

2、其次打开util.js ，持续填写重要内容将要利用的方法用module.exports给暴显露来。

3、然后将外部js放在指定的文件夹utils里(utils 规定寄存js库和数字格式化文件)。

4、最后在想要用到这个方法的js里面 require这个js，然后调用即可。