JavaScript - ??? ?????
?? ?????
JavaScript ?????? ?????? ?????? ?? ???? ???.
?????? ????? src ??? ?????? URL? ??? <script> ??? ?????.
<!DOCTYPE html>
<html>
<head>
<scriptsrc=" http ://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js"></script>
</head>
<body>
</body>
< / html>
Prototype ??
Prototype? HTML DOM ?????? ? ?? ??? ??? ?????.
jQuery? ???? Prototype?? ?? $() ??? ????.
$() ??? HTML DOM ??(?? DOM ??)? id ?? ????? DOM ??? ??? ??? ?????.
jQuery? ?? Prototype?? window.onload()? ??? Ready() ???? ????. ?? Prototype? ????? HTML DOM? ?? ??? ?????.
JavaScript ???:
function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=myFunction;
????? ???:
function myFunction()
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
Event. ??()? ? ?? ????? ?????:
????? HTML DOM ?? BOM(???? ?? ??) ??
????? ???
????? ??
???? ?? :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js"></script> <script> function myFunction(){ $("h01").insert("Hello Prototype!"); } Event.observe(window,"load",myFunction); </script> </head> <body> <h1 id="h01"></h1> </body> </html>
??:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js"></script> <script> function myFunction(){ $("h01").writeAttribute("style","color:red").insert("Hello Prototype!"); } Event.observe(window,"load",myFunction); </script> </head> <body> <h1 id="h01"></h1> </body> </html>