Maison > Article > interface Web > Que sont les objets javascript ?
Que sont les objets javascript ?
- 青灯夜游original
- 2021-03-31 17:41:108162parcourir
Les objets Javascript incluent : String, Number, Boolean, Array, Date, RegExp, Math, Error, Object, Function, Global, Window et les objets définis par l'utilisateur.
L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 5, ordinateur Dell G3.
1. Objets intégrés JavaScript :
fait référence aux objets prédéfinis du langage JavaScript lui-même. Il est défini dans le standard ECMAScript et est fourni par tous les navigateurs. Fabricants. Puisque les normes sont unifiées, le problème de compatibilité des navigateurs de ces objets n'est pas trop important
String, Number, Boolean, Array, Date, RegExp, Math, Error, Object, Function, Global
2. Fenêtre JavaScript - Objet du navigateur :
Le modèle d'objet du navigateur (BOM) permet à JavaScript de communiquer avec le navigateur.
Il n'existe pas de norme officielle pour un modèle d'objet de navigateur (BOM). Les navigateurs modernes ont implémenté (presque) les mêmes méthodes et propriétés pour l'interaction JavaScript, c'est pourquoi elle est souvent mentionnée comme méthode et propriété de la nomenclature.
Les méthodes et propriétés sont souvent considérées comme des nomenclatures puisque les navigateurs modernes ont implémenté (presque) les mêmes méthodes et propriétés pour l'interactivité JavaScript. [Apprentissage recommandé : Tutoriel de base js]
Objet Window :
Tous les navigateurs prennent en charge l'objet window. Il représente la fenêtre du navigateur.
1), l'objet fenêtre est l'objet de niveau supérieur
2), l'objet fenêtre possède 6 attributs majeurs, dont : le document, les cadres, l'historique, l'emplacement, le navigateur, l'écran, ces 6 attributs majeurs Les attributs eux-mêmes sont aussi des objets ;
3), l'attribut document sous l'objet fenêtre est également un objet, et il y a aussi cinq attributs majeurs (ancres, formulaires, images, liens, emplacement) sous le document qui sont également des objets.
Propriétés de l'objet Fenêtre :
| 属性 | 描述 |
|---|---|
| closed | 返回窗口是否已被关闭。 |
| defaultStatus | 设置或返回窗口状态栏中的默认文本。 |
| document | 对 Document 对象的只读引用。 |
| history | 对 History 对象的只读引用。 |
| innerheight | 返回窗口的文档显示区的高度。 |
| innerwidth | 返回窗口的文档显示区的宽度。 |
| length | 设置或返回窗口中的框架数量。 |
| location | 用于窗口或框架的 Location 对象。 |
| name | 设置或返回窗口的名称。 |
| Navigator | 对 Navigator 对象的只读引用。 |
| opener | 返回对创建此窗口的窗口的引用。 |
| outerheight | 返回窗口的外部高度。 |
| pageXOffset | 设置或返回当前页面相对于窗口显示区左上角的 X 位置。 |
| pageYOffset | 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。 |
| parent | 返回父窗口。 |
| Screen | 对 Screen 对象的只读引用。 |
| self | 返回对当前窗口的引用。等价于 Window 属性。 |
| status | 设置窗口状态栏的文本。 |
| top | 返回最顶层的先辈窗口。 |
| window | window 属性等价于 self 属性，它包含了对窗口自身的引用。 |
| screenLeft/screenTop/screenX/screenY | 只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop，而 Firefox 和 Safari 支持 screenX 和 screenY。 |
Méthodes d'objets de fenêtre
| 方法 | 描述 |
|---|---|
| alert() | 显示带有一段消息和一个确认按钮的警告框。 |
| blur() | 把键盘焦点从顶层窗口移开。 |
| clearInterval() | 取消由 setInterval() 设置的 timeout。 |
| clearTimeout() | 取消由 setTimeout() 方法设置的 timeout。 |
| close() | 关闭浏览器窗口。 |
| confirm() | 显示带有一段消息以及确认按钮和取消按钮的对话框。 |
| createPopup() | 创建一个 pop-up 窗口。 |
| focus() | 把键盘焦点给予一个窗口。 |
| moveBy() | 可相对窗口的当前坐标把它移动指定的像素。 |
| moveTo() | 把窗口的左上角移动到一个指定的坐标。 |
| open() | 打开一个新的浏览器窗口或查找一个已命名的窗口。 |
| print() | 打印当前窗口的内容。 |
| prompt() | 显示可提示用户输入的对话框。 |
| resizeBy() | 按照指定的像素调整窗口的大小。 |
| resizeTo() | 把窗口的大小调整到指定的宽度和高度。 |
| scrollBy() | 按照指定的像素值来滚动内容。 |
| scrollTo() | 把内容滚动到指定的坐标。 |
| setInterval() | 按照指定的周期（以毫秒计）来调用函数或计算表达式。 |
| setTimeout() | 在指定的毫秒数后调用函数或计算表达式。 |
3. Objets personnalisés JavaScript :
Grâce à JavaScript, vous pouvez définir et créer vos propres objets.
Il existe deux manières différentes de créer un nouvel objet :
Définir et créer une instance de l'objet
Utiliser une fonction pour définir l'objet puis créer une nouvelle instance de l'objet
Créez un objet personnalisé :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML中文网/title> </head> <body> <script> var person=new Object(); person.firstname="John"; person.lastname="Doe"; person.age=50; person.eyecolor="blue"; document.write(person.firstname + " is " + person.age + " years old."); </script> </body> </html>
Pour plus de connaissances liées à la programmation, veuillez visiter : Vidéo de programmation ! !
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!