`

javascript自定义对象

    博客分类:
  • js
阅读更多
var LonLat = function() {
	var longitute;
	var latitude;
	return {
		getLon: function() {
			return this.longitute;
		},
		setLon: function(newLongitute) {
			this.longitute = newLongitute;
		},
		getLat: function() {
			return this.latitude;
		},
		setLat: function(newLatitude) {
			this.latitude = newLatitude
		}
	};
};


var LonLat2 = function(longitute, latitude) {
	var longitute;
	var latitude;
	return {
		getLon: function() {
			this.longitute = longitute;
			return this.longitute;
		},
		getLat: function() {
			this.latitude = latitude;
			return this.latitude;
		}
	};
};


function Person(name, age) {
	this.name = name;
	this.age = age;
	this.setName = function (newName){
		this.name = newName;
	};
	this.getName = function() {
		return this.name;
	};
	this.setAge = function(newAge) {
		this.age = newAge;
	};
	this.getAge = function() {
		return age;
	};
}



<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'JsObject.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript" src="js/JsObject.js"></script>
	<script type="text/javascript">
		/*
		var lonlat = new LonLat();
		lonlat.setLon(50);
		lonlat.setLat(80);
		alert(lonlat.getLon() + ", " + lonlat.getLat() + ", "+ lonlat.longitute);
		lonlat = new LonLat2(10, 79);
		alert(lonlat.getLon() + ", " + lonlat.getLat() + ", "+ lonlat.longitute);
		*/
		
		var lonlat = new LonLat2(10, 30);
		alert(lonlat.getLon() + ", " + lonlat.getLat() + ", " + lonlat.longitute + ", " + lonlat.latitude);
		
		/*
		var personList = [];
		var person1 = new Person('jim', 20);
		var person2 = new Person('jam', 21);
		var person3 = new Person('linda', 22);
		personList.push(person1);
		personList.push(person2);
		personList.push(person3);
		for (var person in personList) {
			alert(personList[person].getName() + "," + personList[person].getAge());
		}
		*/
	</script>
  </head>
  
  <body>
    This is my JSP page. <br>
  </body>
</html>
 

 

分享到:
评论

相关推荐

    超简单JavaScript自定义对象的自定义事件机制示例

    1、超简单JavaScript自定义对象的自定义事件机制示例。 2、带示例及详细注释,总共40行左右的代码。支持多播、任意多个参数。 3、不需要定义和引用其它任何东东。

    T16.3_JavaScript自定义对象与扩展 java 经典教程 经典教材

    T16.3_JavaScript自定义对象与扩展 java 经典教程 经典教材

    js自定义对象

    JavaScript自定义对象 在JavaScript中,自定义对象是一种非常重要的概念,它允许开发者创建自己的对象类型,从而满足不同的需求。JavaScript自定义对象可以通过多种方式创建,包括工厂方法、构造函数、原型方式和...

    第 4 章 自定义对象及表格操作.pptx

    JavaScript 自定义对象及表格操作 本节课程目标是了解 JavaScript 自定义对象的建立方案、定义、创建及其属性和方法的访问,并掌握表格的操作。通过学习本节课程,学生将能够使用混合模式(原型模式 + 构造函数模式...

    JavaScript自定义事件介绍

    随着web技术发展,使用JavaScript自定义对象愈发频繁,让自己创建的对象也有事件机制,通过事件对外通信,能够极大提高开发效率。 简单的事件需求 事件并不是可有可无,在某些需求下是必需的。以一个很简单的需求为...

    JavaScript程序设计课件:自定义对象.pptx

    JavaScript 自定义对象 在 JavaScript 中,对象是极为重要的概念,对象的定义和使用是 JavaScript 程序设计的基础。本节课将详细介绍 JavaScript 中对象的定义、访问对象成员和对象成员遍历。 6.2.1 对象的定义 --...

    Javascript创建自定义对象 创建Object实例添加属性和方法

    如下所示: 代码如下: var person...上面的例子创建了一个名为person的对象,并为它添加了三个属性(name、age和job)和一个方法(sayName())。其中,sayName()方法用于显示this.name()的值。早期的JavaScript开发人员

    js自定义对象讲解

    JavaScript中的自定义对象是编程中不可或缺的一部分,尤其是在开发复杂客户端应用程序时。JavaScript允许开发者创建自己的类,以此为基础生成对象,以满足那些标准库无法提供的功能需求。与Java不同,JavaScript的...

    浅谈JavaScript对象之教学.pdf

    JavaScript自定义对象是在原生对象学习的基础上进一步实现对象的灵活应用。对象概念的理解、对象的属性和方法、原型链的理解是自定义对象的基础。自定义对象主要有构造函数模式和原型模式两种方式。组合使用这两种...

    Javascript 中创建自定义对象的方法汇总

    在JavaScript中,创建自定义对象是编程中常见的需求,用于构建复杂的系统和应用程序。以下是几种主要的方法,包括对象字面量、构造函数、工厂模式、自定义构造函数和原型模式。 1. **对象字面量**: 这是最简单的...

    JS:自定义对象

    根据给定的文件信息,我们将深入探讨JavaScript中的自定义对象创建与使用,这在现代Web开发中是一项核心技能。下面将详细解析如何在JavaScript中创建和操作自定义对象,包括对象字面量、构造函数、原型链以及静态...

    FineReport中如何用JavaScript自定义地图标签

    总的来说,FineReport通过引入JavaScript自定义功能,极大地增强了其地图组件的灵活性和适用性。用户可以根据自身业务需求,编写复杂的逻辑来实现地图标签和提示点的个性化显示,从而提供更加丰富和精确的数据可视化...

    JavaScript 自定义多级联动浮动菜单

    本文将深入探讨如何使用JavaScript自定义这样的功能。 首先,我们需要理解多级联动的概念。联动意味着当用户在一个菜单项上操作时,其他关联的菜单项会相应地改变状态。例如,当你点击一个一级菜单,对应的二级菜单...

    eventdispatcher.js, 自定义对象的JavaScript事件.zip

    eventdispatcher.js, 自定义对象的JavaScript事件 eventdispatcher.js 自定义对象的JavaScript事件用法[removed][removed][removed]

    arcgis javascript自定义infowindow

    这个JavaScript文件是实现自定义Infowindow的核心。它通常会继承Esri的`InfoWindowBase`类,这个基类提供了基础的Infowindow功能,包括打开、关闭、定位等。通过继承,我们可以扩展其功能,添加自定义的交互和样式...

    javascript 自定义eval函数实现

    在本讨论中,我们将深入探讨如何自定义`eval()`函数以提高代码的安全性和效率,同时也会涉及到JavaScript的动态执行特性以及其在实际开发中的应用。 首先,`eval()`的默认行为是将其接收到的字符串当作JavaScript...

    javaScript自定义树形工具

    JavaScript自定义树形工具是一种在Web开发中常用于组织和展示层次结构数据的组件。它以其灵活、可扩展和交互性强的特点,广泛应用于文件系统、组织结构、菜单导航等场景。这款工具允许开发者根据需求自定义其样式、...

    Javascript自定义菜单插件

    JavaScript自定义菜单插件是一种基于Web的交互式用户界面组件,它允许开发者为网页或应用程序创建可定制的、动态的菜单系统。JavaScript是Web开发中的关键脚本语言,用于实现客户端的动态功能,而js是它的缩写。在这...

    javascript自定义事件功能与用法实例分析.docx

    ### JavaScript自定义事件功能与用法实例分析 #### 概述 在JavaScript中,自定义事件(也称为自定义事件)是一种强大的工具,允许开发者在不同的模块或组件之间建立通信渠道。这种通信机制基于观察者模式,即一个...

    详细谈谈javascript的对象

    自定义对象可以包含属性和方法,并通过`new`关键字来创建实例。例如,可以定义一个`Person`对象,包含`name`和`age`等属性。 5. 内置对象 JavaScript提供了一些内置对象,例如`String`对象和`Date`对象。 - `...

Global site tag (gtag.js) - Google Analytics