masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > JavaScript强化教程——Prototype

JavaScript强化教程——Prototype

巴扎黑
Lepaskan： 2016-12-05 11:31:55
asal
1042 orang telah melayarinya

本文为 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> 
 
 


Label berkaitan：
html
sumber：php.cn
Artikel sebelumnya：JavaScript强化教程——保留关键字 Artikel seterusnya：JavaScript强化教程——函数参数
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Penukaran automatik PX kepada ralat REM  <style>html {   font-size: calc(100vw / 3.75);      }badan {    saiz fon: 0.16rem; ...
daripada 2024-04-16 09:34:16
0
0
4687
Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...
daripada 2024-04-06 21:58:04
0
1
800
Bagaimana untuk menyelesaikan ruang kosong misteri di bahagian bawah halaman dalam CSS Saya cuba membina halaman web mudah menggunakan Bootstrap dan D3, tetapi saya tidak tahu b...
daripada 2024-04-06 20:22:15
0
1
454
Cara menggunakan komponen laravel dengan ruang letak malas livewire Saya ingin menambah rangka komponen laravel saya di dalam ruang letak livewire3 Perkara ya...
daripada 2024-04-06 20:02:10
0
2
543
Kaedah peringkat atas untuk menggantikan rentetan dengan kod HTML (dihasilkan daripada tatasusunan) Diberi rentetan seperti ini...$htmlPattern="Usernameis:#name#andusercompanyis#company...
daripada 2024-04-06 17:40:41
0
2
410
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan