button(id, text) 创建按钮

功能分类: UI Controls Applab JavaScript 少儿编程

在默认的(0,0)位置,创建一个指定 id 以及显示指定文本 text 的 button 按钮。

在很多 APP 应用里包含按钮控件,当用户点击按钮时可以触发一些操作。而这些操作需要通过 onEvent() 来创建,并指定好相关按钮控件的 id

示例代码



// 在页面上创建一个 id 为 "id" 的 "Click Me" 按钮。
button("id", "Click Me!");

示例代码:简单移动控制 #1 每点击按钮一次,就向前移动一步


// 每点击按钮一次,就向前移动一步
button("forward", "Move Forward");
onEvent("forward", "click", function(event) {
  moveForward();
});

示例代码:简单移动控制 #2 点击不同按钮,向不同方向(向前或向后)移动


// 点击不同按钮,向不同方向(向前或向后)移动
button("forward", "向前移动");
button("backward", "向后移动");
onEvent("forward", "click", function(event) {
  moveForward();
});
onEvent("backward", "click", function(event) {
  moveBackward();
});

语法规则


button(id, text)

参数说明

名称 类型 必需 参数描述
id string yes button 按钮 的 id 唯一标识。在事件响应处理时以及其他涉及修改控件属性的方法里,通过这个 id 可以唯一定位到控件。必须以字母开头,不能包含空格,可以包含字母、数字、减号 - 以及下划线 _ 。
text string yes 在 button 按钮 上显示的文本。

返回值

没有返回值。只在显示结果页面体现代码执行前后变化。

提示说明

查看更多少儿编程教程、JavaScript 介绍

返回文档首页