JavaScript(js)对象的创建方法与使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//对象创建
var person = {};
//在对象外面给对象添加属性
person.name = 'jack';
person.age = '23';
person.weight = '76';
var state = {
//在对象里面给对象添加属性
title: '标题',
subTitle: '副标题',
//属性的对象可是个数组,数组里还可有对象
buttons: [
{text: '专科', style: 'positive'},
{text: '本科', style: 'balance'}
],
//属性的对象可是个函数
onClickedButton: function (index) {
console.log (index);
},
//属性的对象可是个对象
cancelText: {text: '取消'},
onClickedCancel: function (index) {
console.log (index);
}
}
//操作对象
var $ionicPopover = {
show: function (obj) {
document.write ('你看,要显示对象的标题是:' + obj.buttons[1].text + '<br>');
document.write ('再看,取消按钮的名字是:' + obj.cancelText.text + '<br>');
}
}
//调用
$ionicPopover.show (state)
</script>
</body>
</html>
这是JavaScript(js)对象的创建方法与使用,快来试试吧!
浏览器页面打印结果是:
你看,要显示对象的标题是:本科
再看,取消按钮的名字是:取消