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中文网(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中文网(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>

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> function Person(name){ this.name=name; } Person.prototype.share=[]; Person.prototype.printName=function(){ alert(this.name); } var person1=new Person('Byron'); var person2=new Person('Frank'); person1.share.push(1); person2.share.push(2); console.log(person2.share); //[1,2] </script> </head> <body> <p>请在浏览器中打开 F12 观察结果</p> </body> </html>

제출하다 코드 재설정

자동운전