JavaScriptのテストプロトタイプ
テストのJavaScriptフレームワークライブラリ - プロトタイプ
参考文献のプロトタイプ
JavaScriptライブラリをテストするには、Webページでそれを参照する必要があります。
ライブラリを参照するには、そのSRC属性URLライブラリに設定する<script>タグを使用します:
参考文献のプロトタイプ
<!DOCTYPE html>
<html>
<head>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
</head>
<body>
</body>
</html>
<html>
<head>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
</head>
<body>
</body>
</html>
プロトタイプ説明
プロトタイプは、関数がHTML DOMを簡単にプログラミングを可能に提供します。
jQueryのと同様に、プロトタイプは、独自の$()関数を有しています。
$()関数は、id値HTML DOM要素(またはDOMエレメント)を受け取り、DOMオブジェクトに新しい機能が追加されます。
)(window.onloadを交換しないjQueryの、プロトタイプと異なるレディ()メソッドです。 その代わりに、プロトタイプは、ブラウザとHTML DOMに拡張子を追加します。
JavaScriptでは、ウィンドウのloadイベントを処理するために機能を割り当てることができます。
JavaScriptメソッド:
function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=myFunction;
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=myFunction;
同等のプロトタイプは異なります。
プロトタイプモード:
function myFunction()
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
Event.observe()は3つのパラメータを受け付けます。
- あなたは、HTML DOMやBOM(ブラウザのオブジェクトモデル)オブジェクトを扱うにしたいです
- あなたが処理するイベント
- 呼び出したい関数
テストプロトタイプ
次の例を試してください:
例
<!DOCTYPE html>
<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>
<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>
»をお試しください
この例では、もう一度試してください:
例
<!DOCTYPE html>
<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>
<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>
テスト>>
上記の例でわかるように、jQueryのと同じ、プロトタイプチェーンの構文を使用できます。
リンク(チェーン)は、同じ被写体の便利な方法で複数のタスクを実行する方法です。