`

Javascript基础过程

阅读更多
<script type="text/javascript">
<!--
//遍历数组
var dayArray=[1,2,3];
for(var day in dayArray){
	document.write(dayArray[day]);
}

//定义对象,设置属性,访问属性
function University(){
}

var university=new University();
university.name="云南省"
university.city="昆明市"
university.date="1999"
university.sayHi=function(){document.write("hi,boy")}

document.write("<br/>");
document.write(university)
document.write(university.name)
document.write(university.city)
document.write(university['date'])
document.write(university.sayHi())

document.write("<br/>");
for (var prop in university){
	document.write(university[prop]);//形如university['date']
}
//eval
document.write("<br/>");
document.write("计算字符串表达式的值:"+eval("8+9+5/2"));


var obj=new Object;
	obj.color='red';
	obj.dodo=function(){alert(34)};
	document.write(obj.color);
	//对比
	document.write(obj.dodo());
	document.write(obj.dodo);
	
	
	//工厂方式创建对象
	function fnshowPinpai()
	{
	   alert(this.color);
	}
	function createcar(sColor,iDoors,sPinpai)
	{
		var oTempCar=new Object;
		oTempCar.color=sColor;
		oTempCar.doors=iDoors;
		oTempCar.pinpai=sPinpai;
		oTempCar.showPinpai=fnshowPinpai;
		return oTempCar;
	}
	var oBmw=createcar("black",4,"BMW");
	oBmw.showPinpai();
	
	//构造函数方式创建对象
	function Car(scolor,snum)
	{
		this.color=scolor;
		this.dodo=function(){alert('aa')};
	} 
	var obj=new Car('yellow',30); 
	for(prop in obj)
	{
		alert(prop);//color;dodo
	}
	
	//原型方式创建对象
	function Car(scolor,snum)
	{
	this.color=scolor;
	this.dodo=function(){alert('aa')};
	}
	Car.prototype.getColor = function (){
	return this.color;
	}
	Car.prototype.setColor = function (value){
	this.color = value;
	}
	var obj=new Car('yellow',30);
	obj.setColor(666);
	alert(obj.getColor());//666
	for(prop in obj)
	{
		alert(prop);//color;dodo
	}
//-->
</script>
分享到:
评论

相关推荐

    JavaScript入门篇,JavaScript基础知识

    在学习JavaScript的过程中,持续实践、不断阅读优秀的代码、及时复习和巩固知识,是成为熟练JavaScript开发者的必经之路。随着技能的提升,你将能够利用JavaScript创造出更多富有创意和功能强大的Web应用。

    JavaScript 基础入门指南.pdf

    内容概要:本文全面介绍了JavaScript的基础概念和核心技术,涵盖JavaScript的基本用法及其在Web页面的应用,同时讲解了常见的DOM操作技巧和异步编程方法。 适合人群:适合编程初学者,尤其是对Web开发感兴趣的人。 ...

    JavaScript学习基础学习心得

    #### JavaScript基础语法 1. **运算符**: - 算术运算符:`+`、`-`、`*`、`/`、`%`。 - 赋值运算符:`=、+=、-=、*=、/=、%=`。 - 比较运算符:`==、===、!=、!==、&lt;、&gt;、、&gt;=`。 - 逻辑运算符:`&&、||、!`。 ...

    零基础学会javascript

    "零基础学会JavaScript"的学习之旅将带你逐步掌握这门语言的基础到高级技巧。 首先,JavaScript的核心概念是变量、数据类型和操作符。变量用于存储数据,可以随时改变其值。数据类型包括基本类型(如字符串、数字、...

    JavaScript基础语法 自学笔记

    在JavaScript基础语法中,以下几个关键概念是学习者必须掌握的: 1. **变量(Variables)**:在JavaScript中,变量用于存储数据。声明变量使用`var`、`let`或`const`关键字。`var`是老式用法,而`let`和`const`是...

    《JavaScript基础与案例开发详解》

    由于提供的文件信息不包含实质性的内容描述,而是反复提及《JavaScript基础与案例开发详解》这本书以及一个网址***,这导致无法从中抽取具体的知识点。为了满足您的要求,我将基于“JavaScript基础与案例开发”这一...

    Javascript基础网页中调用JS代码的几种方法

    ### JavaScript基础网页中调用JS代码的几种方法 在网页开发过程中,JavaScript作为一种重要的客户端脚本语言,被广泛应用于交互式网页设计中。本文将详细介绍几种在HTML文档中调用JavaScript代码的方法,帮助开发者...

    《HTML5+JavaScript动画基础》源代码

    在《HTML5+JavaScript动画基础》一书中,作者深入浅出地讲解了如何利用这两者来构建吸引人的动画和游戏。下面,我们将探讨这个主题中涉及的一些关键知识点。 1. **HTML5新特性**: HTML5是HTML的最新版本,引入了...

    web前端工程师JavaScript基础入门路径学习专题课程

    第一阶段: JavaScript基础语法 第1课 JavaScript语法 本课程讲解JavaScript的语法、数据类型、基本算数和逻辑运算操作 第2课 JavaScript流程控制语句 掌握JavaScript中条件分支语句和循环语句的使用,用简洁的代码...

    javascript百炼成仙 第一章 掌握JavaScript基础01 初入宗门.pdf

    JavaScript的基础构建于几个核心概念之上,它们是变量、数据类型、控制结构和函数。正如叶小凡在千鹤派中学习的那样,这些都是构成编程逻辑的基石。在现实世界的编程学习中,新手首先要学会如何声明变量,并给它们...

    JavaScript程序设计基础教程(慕课版)_PPT详细版.zip

    在学习过程中,结合实际的网页开发环境进行练习,将理论知识转化为实践经验,是掌握JavaScript的关键。同时,不断关注JavaScript的新发展和最佳实践,如React、Vue或Angular等现代前端框架,将有助于你在这个快速...

    javascript基础

    ### JavaScript基础知识点详解 #### 一、JavaScript简介 ##### 1.1 JavaScript的概念与特点 - **脚本编写语言**:JavaScript是一种脚本语言,它采用小程序段的方式实现编程,其基本结构形式与C、C++、VB、Delphi...

    JavaScript基础学习-1

    1. JavaScript基础:学习ECMAScript的基本规则,这是JavaScript的核心语言部分。 2. ES6实战:了解并应用ES6引入的新特性,如箭头函数、类、模板字符串等。 3. 面向对象编程:理解面向对象的概念并学会在JavaScript...

    JavaScript 基础.txt

    ### JavaScript基础知识点详解 #### 一、JavaScript简介与应用场景 **JavaScript**是一种广泛使用的脚本语言,主要用于网页交互设计,使网页具备动态效果。它能够直接嵌入到HTML页面中,通过修改HTML元素来实现对...

    HTML5_JavaScript动画基础(高清带目录)

    由于提供的文件信息中并没有包含具体的HTML5和JavaScript动画基础的知识点,我只能根据标题和描述中提及的内容,结合HTML5和JavaScript的相关技术,为您详细解释在创建HTML5和JavaScript动画时所需掌握的基础知识点...

    零基础入javaScript到实战达人

    "零基础入javaScript到实战达人"的视频教程旨在为初学者提供一个逐步学习JavaScript的路径,从基础知识到高级实战技巧,帮助你成为一名熟练的JavaScript开发者。 1. **基础语法**:JavaScript的基础包括变量、数据...

    html教案、javascript

    7. ES6新特性:包括箭头函数、模板字符串、解构赋值、类和模块等,这些都是现代JavaScript开发的基础。 通过Dreamweaver的使用,学生可以直观地编辑和预览HTML和JavaScript代码,提高学习效率。Dreamweaver提供了...

Global site tag (gtag.js) - Google Analytics