题目：小明打算买一只猫陪伴，网页上需要输入用户姓名，猫的名字，性别，爱好，当点击购买按钮后，弹出恭喜xx
您购买的猫：姓名,性别，爱好，请确认？
提示使用对象来实现该功能。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>小明购买小猫</title>
<script type="text/javascript">
function go( ){
var host=document.getElementById("Text1").value;
var cat=document.getElementById("Text2").value;
var sex=document.getElementById("Text3").value;
var habbit=document.getElementById("Text4").value;
var things={
name1:host,
name:cat,
sex:sex,
habbit:habbit
}
alert("恭喜"+things.name1+"，\r您购买的猫:\r"+"姓名:"+things.name+"\r"+"性别:"+things.sex+"\r"+"爱好:"+things.habbit+"\r"+"请确认？");
}
</script>
</head>
<body>
<center>购买小猫的清单</center>
用户姓名：<input id="Text1" type="text" /><br />
猫的名字：<input id="Text2" type="text" /><br />
猫的性别：<input id="Text3" type="text" /><br />
猫的爱好：<input id="Text4" type="text" /><br />
<input id="Button1" type="button" value="点击购买" onclick="go( )" />
</body>
</html>
分享到：
相关推荐
这篇博客文章可能详细讨论了如何在JavaScript中实现面向对象编程。 在JavaScript中，面向对象主要通过以下三种方式实现： 1. **构造函数（Constructor）**：构造函数是一种特殊的函数，用于创建和初始化对象。我们...
JavaScript内置对象相关介绍及用法ppt JavaScript内置对象相关介绍及用法
- **第三章：JavaScript中的类和对象**：详细介绍如何使用JavaScript创建类和对象。 - **第四章：继承**：探讨JavaScript中实现继承的不同方式。 - **第五章：封装和私有性**：讲解如何在JavaScript中实现封装以及...
面向对象编程（OOP）作为一种重要的编程范式，在JavaScript中也有独特的实现方式。 #### 二、JavaScript的特性概述 JavaScript是一种基于原型的语言，这意味着它不像传统的面向对象语言（如Java或C++）那样拥有类的...
面向对象编程的基础知识及其在JavaScript中的运用；数据类型、操作符以及流程控制语句；函数、闭包、对象和原型等概念，以代码重用为目的的继承模式；BOM、DOM、浏览器事件、AJAX和JSON；如何实现JavaScript中缺失的...
面向对象编程的基础知识及其在JavaScript中的运用；数据类型、操作符以及流程控制语句；函数、闭包、对象和原型等概念，以代码重用为目的的继承模式；BOM、DOM、浏览器事件、AJAX和JSON；如何实现JavaScript中缺失的...
在JavaScript中，我们可以使用内置的`JSON.stringify()`方法将JavaScript对象转换为JSON字符串。 ### JSON.stringify()方法 `JSON.stringify()`是JavaScript中的全局函数，用于将JavaScript值转换为JSON字符串。它...
- **现代JavaScript与面向对象编程**：现代JavaScript程序设计中融入了许多新的概念和技术，这些技术让JavaScript应用程序与以往相比有了显著的不同。面向对象编程是现代JavaScript的一个重要组成部分。 #### 二、...
JavaScript中的面向对象特性主要体现在以下几个方面： 1. **基于原型的对象模型**： JavaScript采用的是基于原型的继承机制，而不是类的继承。这意味着每个对象都有一个`__proto__`属性，指向它的构造函数的原型...
在JavaScript中，对象是键值对的集合，可以使用对象字面量或构造函数创建。构造函数是一种特殊的函数，用于创建和初始化新对象。 继承是JavaScript中实现代码复用的一种方式。通过原型链机制，一个对象可以“继承”...
JavaScript内置对象（ppt）JavaScript内置对象（ppt）JavaScript内置对象（ppt）JavaScript内置对象（ppt）JavaScript内置对象（ppt）JavaScript内置对象（ppt）JavaScript内置对象（ppt）JavaScript内置对象（ppt）...
JavaScript被设计成一种彻底的面向对象语言，尽管它的使用和接受过程中发生了发展和变化，吸引了其他如Ruby、Python、Perl等语言的程序员将他们的编程模式带入JavaScript。 JavaScript的面向对象编程与其他支持对象...
当尝试访问对象的一个属性时，JavaScript会首先在当前对象中查找，如果找不到，就会沿着原型链向上查找，直到找到为止。 4. **继承**：JavaScript支持多种继承方式，如原型链继承、构造函数继承、组合继承、原型式...
- 面向对象编程有助于模块化代码，通过将相关的功能组织到对象中，可以提高代码的可读性和可维护性。JavaScript提供了多种模块化方案，如CommonJS（Node.js）、AMD（RequireJS）和ES6的`import`/`export`。 7. **...
JavaScript对象是编程语言的核心组成部分，尤其在Web开发中扮演着至关重要的角色。"JavaScript对象参考手册"涵盖了这一主题的广泛内容，旨在为开发者提供全面、深入的理解和实用指南。手册分为20个章节，不仅涉及...
JavaScript之Date对象（源代码）JavaScript之Date对象（源代码）JavaScript之Date对象（源代码）JavaScript之Date对象（源代码）JavaScript之Date对象（源代码）JavaScript之Date对象（源代码）JavaScript之Date对象...
JavaScript中 对象、数组的使用