JavaScript Prototype Testing
Teste biblioteca JavaScript quadro - Prototype
Referências Prototype
Para testar biblioteca JavaScript, você precisa fazer referência a ela em uma página da Web.
Para se referir a uma biblioteca, use a tag <script>, cujo atributo src definido para a biblioteca URL:
Referências Prototype
<html>
<head>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
</head>
<body>
</body>
</html>
Prototype Descrição
Prototype fornece funções permitem HTML DOM programação mais fácil.
Semelhante a jQuery, Prototype também tem a sua própria função $ ().
$ () Função aceita valor id HTML elemento DOM (ou um elemento DOM), e irá adicionar novas funcionalidades para o objeto DOM.
Diferente com jQuery, Prototype não substituir window.onload () é o método ready (). Em vez disso, Prototype irá adicionar uma extensão para o navegador e HTML DOM.
Em JavaScript, você pode atribuir uma função para lidar com evento de carregamento de janela:
método JavaScript:
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=myFunction;
Protótipo equivalente é diferente:
modo de protótipo:
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
Event.observe () aceita três parâmetros:
- Você quer lidar com o HTML DOM ou objetos (navegador Object Model) da lista de materiais
- Evento que pretende processar
- A função que deseja chamar
Protótipo de testes
Por favor, tente o seguinte exemplo:
exemplo
<html>
<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>
tente »
Por favor, tente novamente neste exemplo:
exemplo
<html>
<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>
teste >>
Como você pode ver no exemplo acima, o mesmo que jQuery, Prototype permite a sintaxe da cadeia.
Ligação (encadeamento) é um método de executar múltiplas tarefas no método conveniente mesmo assunto.