对象:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
<script>
var xiaoming = {
name:'小明',
age:18,
sex:'男',
sing:function(){
alert("唱山歌咧");
}
}
alert(xiaoming.name);
alert(xiaoming["age"]);
xiaoming.sing();
var luban = new Object();
luban.name = '鲁班';
luban.age = 18;
luban.sex = '男';
luban.tutu = function(){
alert("突突突突突突...");
}
alert(luban.name);
alert(luban["age"]);
luban.tutu() ;
function Student(name,age,sex){
this.name = name;
this.age = age;
this.sex = sex;
this.hello = function(){
alert("Hello，我是" + name + "，我" + age + "岁了，我是个开朗的" + sex + "孩子。");
}
}
var daji = new Student('妲己', 18, '女');
daji.hello();
for(var x in xiaoming){
console.log(x + "=" + xiaoming[x])
}
</script>
打印信息:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
text-align: center;
}
span{
color: aquamarine;
font-size: 30px;
}
</style>
</head>
<body>
</body>
</html>
<script>
var name = prompt('请输入姓名','请输入姓名'); //输入提示框
var age = prompt('请输入年龄','请输入年龄');
var sex = prompt('请输入性别','请输入性别');
var address = prompt('请输入家庭住址','请输入家庭住址');
var person = {
name:name,
age:age,
sex:sex,
address:address,
print:function(){
document.write("<h1>个人信息</h1>");
document.write("<p>姓名：<span>" + this.name + "</span></p>");
document.write("<p>年龄：<span>" + this.age + "</span></p>");
document.write("<p>性别：<span>" + this.sex + "</span></p>");
document.write("<p>家庭住址：<span>" + this.address + "</span></p>");
}
}
person.print();
</script>
