Maison > interface Web > js tutoriel > Résumé de l'apprentissage des objets JavaScript_compétences Javascript

Résumé de l'apprentissage des objets JavaScript_compétences Javascript

WBOY
Libérer: 2016-05-16 15:41:11
original
1205 Les gens l'ont consulté

Objet JavaScript

JavaScript fournit plusieurs objets intégrés, tels que String, Date, Array, etc.

Les objets ne sont que des types de données spéciaux avec des propriétés et des méthodes.

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 le propre objet prédéfini du système et l'autre est le propre objet écrit de l'utilisateur appelé objet personnalisé.

Le contenu général est le suivant :

1 : Objets de base

Objet 1.Array

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

Les méthodes couramment utilisées sont les suivantes :

Attributs communs :

La création et l'utilisation des objets Array sont expliquées à 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();//显示清空后数组的长度
Copier après la connexion

运行结果:

说明:

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

2,Function对象

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

常用属性如下:

常用方法如下:

下面实例说明:


注意: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> 
Copier après la connexion

Ici, je veux principalement expliquer pourquoi

On peut d'abord jeter un œil au code source de la page web écrit séparément :

Je ne vois aucune différence. Ensuite, jetons un œil au code source de la page Web lorsqu'ils ne sont pas séparés :

Le résultat est évident. Si nous n'écrivons pas séparément, il sera associé au

Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal