communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > JavaScript强化教程——Prototype

JavaScript强化教程——Prototype

巴扎黑
Libérer： 2016-12-05 11:31:55
original
1043 Les gens l'ont consulté

本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 —— Prototype 

引用 Prototype 
如需测试 JavaScript 库，您需要在网页中引用它。 
为了引用某个库，请使用 <script> 标签，其 src 属性设置为库的 URL： <br>引用 Prototype <br><!DOCTYPE html> <br><html> <br><head> <br><script <br/>src="http://apps.bdimg.com/libs/pro ... gt%3B <br/></script> 
 
 
 
 

Prototype 描述 
Prototype 提供的函数可使 HTML DOM 编程更容易。 
与 jQuery 类似，Prototype 也有自己的 $() 函数。 
$() 函数接受 HTML DOM 元素的 id 值（或 DOM 元素），并会向 DOM 对象添加新的功能。 
与 jQuery 不同，Prototype 没有用以取代 window.onload() 的 ready() 方法。相反，Prototype 会向浏览器及 HTML DOM 添加扩展。 
在 JavaScript 中，您可以分配一个函数以处理窗口加载事件： 
JavaScript 方式： 
function myFunction() 
{ 
var obj=document.getElementById("h01"); 
obj.innerHTML="Hello Prototype"; 
} 
onload=myFunction; 
等价的 Prototype 是不同的： 
Prototype 方式： 
function myFunction() 
{ 
$("h01").insert("Hello Prototype!"); 
} 
Event.observe(window,"load",myFunction); 
Event.observe() 接受三个参数： 
您希望处理的 HTML DOM 或 BOM（浏览器对象模型）对象 
您希望处理的事件 
您希望调用的函数 
测试 Prototype 
请试一下下面这个例子： 
Example 
 
 
 
<script> <br>function myFunction() <br>{ <br>$("h01").insert("Hello Prototype!"); <br>} <br>Event.observe(window,"load",myFunction); <br></script> 
 
 


Étiquettes associées：
html
source：php.cn
Article précédent：JavaScript强化教程——保留关键字 Article suivant：JavaScript强化教程——函数参数
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Conversion automatique PX en erreur REM  <style>html {   taille de police : calc(100vw / 3,75);      }body {    taille de la...
Depuis 2024-04-16 09:34:16
0
0
4687
La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...
Depuis 2024-04-06 21:58:04
0
1
800
Comment résoudre le mystérieux espace vide en bas de page en CSS J'essaie de créer une page Web simple en utilisant Bootstrap et D3, mais je ne sais pas co...
Depuis 2024-04-06 20:22:15
0
1
454
Comment utiliser les composants Laravel avec des espaces réservés paresseux Livewire Je souhaite ajouter le squelette de mon composant Laravel dans un espace réservé livewire3...
Depuis 2024-04-06 20:02:10
0
2
543
Méthode de niveau supérieur pour remplacer une chaîne par du code HTML (généré à partir d'un tableau) Étant donné une chaîne comme celle-ci...$htmlPattern="Usernameis:#name#andusercompany...
Depuis 2024-04-06 17:40:41
0
2
410
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal