当前位置: 首页 > news >正文

JS_dom_自定义对象

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>自定义对象</title>
<script type="text/javascript">
//1.采用直接量方式创建对象
function f1() {
var student=
{"name":"zs","age":"23","work":function(){
alert("我学Java");
}
}
alert(student.name);
alert(student.age);
student.work();
}
//2.构造器(new的函数/首字母大写)

//1.内置构造器
function f2() {
var teacher= new Object();
teacher.name="唐长老";
teacher.age=18;
teacher.work=function(){
alert("我要取经");
}
alert(teacher.name);
alert(teacher.age);
teacher.work();
}
//2.自定义构造器
function Coder(name,age,work){
this.name=name;
this.age=age;
//this 指代当前对象
//.job是给此对象增加job属性
//=work是将参数work赋值给此属性
this.job=work;
}
function f3() {
var coder= new Coder("lisi",25,
function(){alert("我学习Java");
});
alert(coder.name);
alert(coder.age);
coder.job();
}
</script>
</head>
<body>
<input type="button" value="按钮1" οnclick="f1();">
<input type="button" value="按钮2" οnclick="f2();">
<input type="button" value="按钮3" οnclick="f3();">
</body>
</html>

 

转载于:https://www.cnblogs.com/Bighua123/p/7639936.html

相关文章:

  • [CQOI 2010]扑克牌
  • 判断是否为汉字
  • 编程感悟
  • Oracle 重启监听
  • iOS 静默拍照!!!
  • 指定网卡ping另外的网卡
  • 4 Median of Two Sorted Arrays(medium)
  • jdk8 stream可以与list,map等数据结构互相转换
  • 软件开发阶段数据库升级维护策略
  • web基础,用html元素制作web页面
  • js 右键菜单
  • Vue与swiper相结合封装全屏轮播插件
  • 201621123058《java程序设计》第四周学习总结
  • Mixed Reality-宁波市VR/AR技术应用高研班总结
  • 将tomcat以普通用户启动
  • 【划重点】MySQL技术内幕:InnoDB存储引擎
  • CSS进阶篇--用CSS开启硬件加速来提高网站性能
  • download使用浅析
  • Javascripit类型转换比较那点事儿,双等号(==)
  • java中具有继承关系的类及其对象初始化顺序
  • Laravel核心解读--Facades
  • node.js
  • NSTimer学习笔记
  • open-falcon 开发笔记(一):从零开始搭建虚拟服务器和监测环境
  • react-core-image-upload 一款轻量级图片上传裁剪插件
  • Three.js 再探 - 写一个跳一跳极简版游戏
  • vue从创建到完整的饿了么(11)组件的使用(svg图标及watch的简单使用)
  • vue和cordova项目整合打包,并实现vue调用android的相机的demo
  • zookeeper系列(七)实战分布式命名服务
  • 构建工具 - 收藏集 - 掘金
  • 每个JavaScript开发人员应阅读的书【1】 - JavaScript: The Good Parts
  • 适配iPhoneX、iPhoneXs、iPhoneXs Max、iPhoneXr 屏幕尺寸及安全区域
  • - 语言经验 - 《c++的高性能内存管理库tcmalloc和jemalloc》
  • ionic异常记录
  • ​LeetCode解法汇总1410. HTML 实体解析器
  • $.each()与$(selector).each()
  • (ibm)Java 语言的 XPath API
  • (多级缓存)多级缓存
  • (附源码)计算机毕业设计SSM基于java的云顶博客系统
  • (更新)A股上市公司华证ESG评级得分稳健性校验ESG得分年均值中位数(2009-2023年.12)
  • (六)c52学习之旅-独立按键
  • (免费领源码)python+django+mysql线上兼职平台系统83320-计算机毕业设计项目选题推荐
  • (转)Android学习笔记 --- android任务栈和启动模式
  • (转)利用PHP的debug_backtrace函数,实现PHP文件权限管理、动态加载 【反射】...
  • (最简单,详细,直接上手)uniapp/vue中英文多语言切换
  • .[hudsonL@cock.li].mkp勒索病毒数据怎么处理|数据解密恢复
  • .h头文件 .lib动态链接库文件 .dll 动态链接库
  • .Net Core webapi RestFul 统一接口数据返回格式
  • .NET 中 GetHashCode 的哈希值有多大概率会相同(哈希碰撞)
  • .NET框架
  • .NET学习全景图
  • .考试倒计时43天!来提分啦!
  • /deep/和 >>>以及 ::v-deep 三者的区别
  • @cacheable 是否缓存成功_Spring Cache缓存注解
  • @RequestBody与@ResponseBody的使用