登录  /  注册
首页 > web前端 > js教程 > 正文

有关JavaScript学习方法的总结

巴扎黑
发布: 2017-08-04 13:25:38
原创
1166人浏览过

在JavaScript中,几乎用到的每个js都离不开它的对象。下面我们深入了解一下js对象。

   js中对象的分类跟之前我们学过的语言中函数的分类一样,一个是系统自带的叫预定义对象,一个是用户自己写的叫自定义对象。大体内容如下图所示:


                                      

一:核心对象


1.Array对象

数组对象,用来创建数组,使用new 创建


常用的方法如下图:



常用属性:






通过例子说明Array对象的创建和使用,如下。

<script language="javascript">
	var data=new Array("1","2","3");//创建数组data
	
	document.writeln("data的初始内容为:"+data+",");  //输出数组内容
	
	function fun(){   //自定义函数fun()显示数组长度
		if(this.length!=0){
			document.writeln("<PRE>此数组的长度为:"+this.length+"
登录后复制
"); }else{ document.writeln("
此数组的长度为0
登录后复制
"); } } Array.prototype.fun=fun; //为Array对象添加fun()方法 data.fun(); //调用fun()方法 data=new Array();//清空data数组内容 data.fun();//显示清空后数组的长度


运行结果:




说明:

prototype用于添加新的属性和方法,用法为:Array.prototype.functionName=functionName




2,Function对象

Function对象可以在程序执行的过程中动态生成函数并调用函数。

常用属性如下:




常用方法如下:



下面实例说明:

<script language="javascript">
    funSum=new Function("x","y","z=x+y;return z");   //创建函数funSum() 

	x=prompt("请输X值:","");
	y=prompt("请输Y值:","");
	
	x=Number(x);
	y=Number(y);
	alert(newfun(x,y));  //调用函数并输出
</script>
登录后复制

注意:Function对象不可写成小些的function。Function是对象,用于动态创建函数,function是关键字,通过function new出来的函数也是Function对象的实例。



3,String对象

String对象提供了对字符串进行处理的属性和方法。使用时可以直接赋值也可以通过new创建后再赋值

String对象有很多方法,主要是用户有关字符串在Web页面中的显示格式,字体大小,字体颜色,字符的搜索以及字符的大小写转换方面的功能。





通过以上对象的prototype属性,我们也看到了JavaScript的特点,它不仅提供给我们一些功能,还提供给用户自己添加功能的方法,简直是太好了。



二:文档对象

document对象,接触JavaScript的第一个例子是通过ID名称获取控件的名称,里面就用到document,当时没有多想,就当是关键字过了。

document对象是window对象的属性,也是唯一的即属于BOM又属于DOM的对象。


说到window对象,我们首先来看一下window中各对象间的关系。如下图:




了解了大体结构关系,接下看看看document对象的常用属性:




有关document对象的方法,这里说说使用最频繁的.write()/.writeln()方法。这两个方法的作用都是打印字符,不同的是writeln打印完后多了个换行。

下面写一个用document对象的write方法动态添加JavaScript文件的实例

<script language="javascript">

    document.write("<script type=\"text/javascript\" src=\"textuser.js\">"+"</scr"+"ipt>");

</script>
登录后复制


这里主要想说明为什么是分开的。

我们可以先看一下分开写的网页源码:





看不出什么不同,接下来我们看一下不分开时网页源码:



 

    结果很明显,如果不分开写 会和前面的<script>配对,这样,浏览器会提示我们有误。</script>


三:事件对象

event对象是一种只与事件处理过程有关的对象。

JavaScript中的事件跟vb中学过的事件一致,有鼠标事件,键盘事件,加载事件,等。。

事件的发生肯定有其出发者,触发发生后,这一事件也就随即结束。

事件在JavaScript中使用很简单,就是在关键字前加On。

以上就是有关JavaScript学习方法的总结的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号