Maison  >  Article  >  interface Web  >  Un résumé de la façon d'apprendre JavaScript

Un résumé de la façon d'apprendre JavaScript

巴扎黑
巴扎黑original
2017-08-04 13:25:381353parcourir

En JavaScript, presque tous les js utilisés sont indissociables de ses objets. Examinons de plus près les objets js.

La classification des objets en js est la même que la classification des fonctions dans le langage que nous avons appris auparavant. L'un est l'objet prédéfini fourni avec le système et l'autre est le. objet personnalisé écrit par l'objet utilisateur. Le contenu général est le suivant :


1 : Objets de base


1.Objet Array

Objet Array, utilisé pour créer des tableaux, utilisez new pour créer


Méthodes communes Comme indiqué ci-dessous :



Commun attributs :






Expliquer la création et l'utilisation des objets Array à travers des exemples, comme suit.

<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();//显示清空后数组的长度


Résultats en cours :




Instructions :

prototype est utilisé pour ajouter de nouvelles propriétés et méthodes. L'utilisation est : Array.prototype.functionName=functionName


<.>


2. L'objet fonction

L'objet fonction peut être exécuté dans le programme Générez dynamiquement des fonctions et appelez des fonctions dans le processus.

Les attributs couramment utilisés sont les suivants :




Les méthodes courantes sont les suivantes :



L'exemple suivant illustre :

<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>

Remarque : les objets fonction ne peuvent pas être écrits sous forme de fonctions plus petites. Function est un objet, utilisé pour créer dynamiquement des fonctions. Function est un mot-clé. La fonction obtenue via la fonction new est également une instance de l'objet Function.



3, objet chaîne

L'objet String fournit des propriétés et des méthodes pour traiter les chaînes. Lors de l'utilisation, vous pouvez attribuer la valeur directement ou la créer via new puis attribuer la valeur

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>


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

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





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



 

    结果很明显,如果不分开写2cacc6d41bbb37262a98f745aa00fbf0 会和前面的3f1c4e4b6b16bbbd69b2ee476dc4f83a配对,这样,浏览器会提示我们有误。


三:事件对象

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

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

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

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn