HTML——总结JavaScript对象创建方式

最新推荐文章于 2023-08-03 22:02:44 发布
最新推荐文章于 2023-08-03 22:02:44 发布
阅读量176 收藏
点赞数
文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44687512/article/details/107388165
版权

1、直接创建

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link href="favicon.ico" rel="shortcut icon">
		<title></title>
		<script>
			var student = new Object();
			student.name="Jim";
			student.doHomework=function(){
				console.log(this.name+"学习");
			}
			student.doHomework();
		</script>
	</head>
	<body>
	</body>
</html>

2、初始化

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link href="favicon.ico" rel="shortcut icon">
		<title></title>
		<script>
			var student = {
				name:"Lucy",
				doHomework:function(){
					console.log(this.name+"学习");
				},
				eat:function(){
					console.log(this.name+"吃饭");
				}
			};
			student.eat();
		</script>
	</head>
	<body>
	</body>
</html>

3、构造方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link href="favicon.ico" rel="shortcut icon">
		<title></title>
		<script>
			function Student(name){
				this.name=name;
				this.doHomework=function(){
					console.log(this.name+"学习")
				};
			}
			var stu=new Student("Lily");
			stu.doHomework();
		</script>
	</head>
	<body>
	</body>
</html>

4、原型式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link href="favicon.ico" rel="shortcut icon">
		<title></title>
		<script>
			function Student(){
			}
			Student.prototype.name="Kitty";
			Student.prototype.doHomework=function(){
				console.log(this.name+"学习");
			};
			var student=new Student();
			student.doHomework();
		</script>
	</head>
	<body>
	</body>
</html>

5、混合式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link href="favicon.ico" rel="shortcut icon">
		<title></title>
		<script>
			function Student(name){
				this.name=name;
			}
			Student.prototype.doHomework=function(){
				console.log(this.name+"学习");
			}
			var stu=new Student("Li");
			stu.doHomework();
		</script>
	</head>
	<body>
	</body>
</html>
小刘小刘 可爱一流
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML中详述总结JavaScript对象创建方式
zzu957的博客
07-16 202
JavaScript对象创建方式 对象：在JavaScript中，对象是拥有属性和方法的数据。 JavaScript自定义对象方式有以下7种：直接创建方式、对象初始化器方式、构造函数方法、prototype原型方式、混合的构造函数/原型方式、动态原型方式和工厂模式。 这里为大家讲解常用的5种：直接创建式，初始化式，构造方法式，原型式和混合式。 直接创建式 创建语法： var 对象变量名 = new Object(); 对象变量名. property1 = value1; …; 对象变量名. property
js 创建html对象
weixin_30273763的博客
02-24 120
var topObj = document.createElement('iframe'); topObj.id = 'topFrame'; topObj.frameborder = 0; topTimer = window.setTimeout(function() { alert('topObj.src'); topObj.src = ...
html如何创建,关于html:如何创建JavaScript
weixin_28831341的博客
07-02 157
FusionCharts Suite XT是全面的跨平台、跨浏览器JavaScript图表套包，其中包含FusionCharts XT、PowerCharts XT 、FusionWidgets XT、FusionMaps XT。反对 ASP、 ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至简略的HTML页面。它是你值得信赖的...
html 快速创建对象,HTML 学习笔记 JavaScript（创建对象）
weixin_35329035的博客
06-16 388
JavaScript 有Date Array String等这样的内置对象，功能强大实用简单，但在处理一些复杂逻辑的时候，内置对象就很无力了，往往需要开发者自定义对象。对象是什么从JavaScript定义上讲对象是无序属性的集合，其属性可以包含基本值，对象或函数。也就是说对象是一组没有特定顺序的属性，每个属性都会映射到一个值上，是一组键值对，值可以是数据或对象。最简单的对象JavaScript的一...
html怎么创建对象,如何创建javascript对象？
weixin_42395135的博客
06-26 801
javascript是一种“基于prototype的面向对象语言”，与java有非常大的区别，无法通过类来创建对象。那么，既然是面象对象的，如何来创建对象呢？JavaScript中创建对象的方法如下：一：使用new关键字调用构造器创建对象；在JavaScript中，所有的函数名可以看成一个类名；函数名和其参数可以看成一个构造器用于构造对象；使用构造函数模式创建对象的几点注意事项：(1)：没有明显的...
sketchpad:JavascriptjQuery实践项目——创建画板网页
07-07
2. **JavaScript与jQuery**：JavaScript是网页动态交互的核心，而jQuery则提供了一种更简洁的方式来操作DOM（文档对象模型）和处理事件。在这个项目中，我们会用到jQuery的`$(document).ready()`来确保页面加载完毕...
HTML——月历
10-29
通过这个例子，我们可以看到 HTML、CSS 和 JavaScript 如何协同工作，创建一个动态的、用户可交互的月历应用。HTML 提供了结构，CSS 负责样式，而 JavaScript 处理了用户输入和动态生成内容。虽然这里只是一个基础...
Html——粒子爆发（追光者）.zip
09-26
总结来说，"Html——粒子爆发（追光者）.html"是一个结合了HTML5、CSS3和JavaScript技术的粒子特效实例，展示了前端开发中的动态视觉创新。通过理解和学习这个案例，开发者可以提升自己在网页特效设计和实现方面的...
Html——线条雨落（追光者）.zip
09-12
总的来说，"Html——线条雨落（追光者）.html"这个文件展示了一个结合HTML、CSS和JavaScript实现的动态网页特效。通过理解并分析这个示例，开发者可以学习到如何利用前端技术创建富有创意和视觉吸引力的互动元素，...
StopWatch:使用带有圈选项HTML，CSS和JavaScript创建秒表
05-24
7. **数据存储**：如果要保存圈次信息，可能需要用到JavaScript对象或数组来存储每一圈的时间。 8. **用户交互设计**：考虑到用户体验，需要设计友好的界面和直观的操作流程。 9. **错误处理和测试**：确保在各种...
html用于创建对象,从JavaScript对象创建HTML表
weixin_42499201的博客
06-16 187
说明您想要的是用JavaScript填充HTML中的表(或另一个DOMElement)，一旦加载页面并接收到JSON对象，该表就会动态执行。您要遍历对象。最好的方法是使用for循环，并确保 循环变量 在对象(所有属性)的长度内保持有效。获取JSON对象长度的最好方法是通过myJSONObject.length：选择 myJSONObject 的键并返回其计数。您可以通过以下方式在for循环中访问存...
html5创建对象的方法,Javascript对象
weixin_31727797的博客
06-21 438
对象(Object)是属性的无序集合，每个属性都有自己的名字和值，每个属性存放一个原始值、对象或函数。javascript的原始类型包括数字、字符串、布尔值、null、undefined。其它所有值都是对象。javascript中，数组、函数、正则表达式都是对象。一、创建对象### 1.1 new操作符后面跟Object构造函数var person = new object();### 1.2 对...
HTML 学习笔记 JavaScript（创建对象）
ddiv24492的博客
12-26 145
原博地址：http://www.cnblogs.com/dolphinX/p/3288118.html JavaScript 有Date Array String等这样的内置对象，功能强大实用简单，但在处理一些复杂逻辑的时候，内置对象就很无力了，往往需要开发者自定义对象。 对象是什么 从JavaScript定义上讲对象是无序属性的集合，其属性可以包含基本值，对象或函数。也就是说对...
html5创建对象,JavaScript简单对象的创建
weixin_42514407的博客
06-28 227
对象是对具有某些特性的具体事物的抽象。编程语言中的对象实际上是对现实世界中对象的抽象和模拟。JavaScript支持对象，其它如C++，Java等高级编程语言都有很强的对象表达和处理能力。在编程世界中，数据和处理数据的方法结合在一起就构成了对象。JavaScript是一种基于对象(Object-based)的编程语言，其本质是面向对象。在JavaScript中没有类的概念，而是基于原型拷贝(称为原...
html5创建对象的方法,JS创建对象（3种方式）
weixin_33484805的博客
06-21 599
在 JavaScript 中创建对象的方式有 3 种，简单介绍如下。构造对象使用 new 运算符调用构造函数，可以构造一个实例对象。具体用法如下：var objectName = new functionName(args);参数说明如下：objectName：返回的实例对象。functionName：构造函数，与普通函数基本相同，但是不需要 return 返回值，返回实例对象，在函数内可以使用 ...
html5创建对象的方法,JavaScript面向对象-使用工厂方法和构造函数方法创建对象...
weixin_39677104的博客
06-21 91
在上一篇文章中我们介绍了JavaScript简单对象的创建方法，简单js对象的最大问题是由于没有类的约束，无法实现对象的重复利用，并且没有一种约定，在操作时会带来问题。所以人们从设计模式中借用了一种工厂模式来创建JavaScript对象。使用工厂方法创建JavaScript对象工厂方法的的思路是在一个函数中创建一个对象，然后为这个对象设置相应的属性和方法，最后将这个对象返回。通过函数来封装，以特定...
HTML5 对象
最新发布
2301_78284036的博客
08-03 86
现实生活中：万物皆对象，对象是一个具体的事物，看得见摸得着的实物。
如何在html创建js对象,在JavaScript中如何创建对象
weixin_30598353的博客
06-16 243
对象是属性的集合，变量数组也是一种对象，对象可用于管理数据，属性就是添加了以名称(属性名称)为前缀的特定名称(值)，本篇文章我们就来详细介绍一下JavaScript对象的用法。我们先来看如何创建一个对象创建一个traffic_light(红绿灯)变量，并编写一个根据颜色显示消息的程序。代码如下JavaScriptvar traffic_light = {blue: "go",yellow: "sl...
html5创建对象的三种方式
TimyChen的博客
01-04 1593
创建对象有很多种方法，最常用的有直接创建对象、使用对象字面量、为对象添加方法等。 直接创建对象： example var myData=new Object(); myData.name="Marry"; myData.feel="love"; document.writeln("hello "+myData.name+"."); document.w
javascript学习笔记
11-24
"这篇学习笔记主要介绍了JavaScript的基本概念、特点、继承机制以及其核心组成部分——ECMAScript和文档对象模型(DOM)。JavaScript是一种面向对象、解释型的客户端脚本语言，主要用于验证数据、增强Web交互和提升...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值