PHPとWebページのインタラクション(二)
24587 ワード
一、JavaScript言語基礎
1.JavaScript初認識
JavaScriptは、PHP、ASP、JSP、ASPに適用できる、クライアントブラウザの解釈によって実行されるウェブページを作成する特効的なスクリプト言語です.NETサイトでは、現在人気のAjaxはJavaScriptをベースにしています.JavaScriptの主な応用:
1)ウェブページにJavaScriptスクリプトコードを入れて、ウェブページにダイナミックインタラクティブな機能を持たせることができて、ウェブサイトとユーザー間のコミュニケーションを便利にして、直ちに相応のユーザーの操作をして、提出したフォームに対して即時の検査をして、例えばフォーム要素が空であるかどうかを検証して、フォーム要素が数値型であるかどうかを検証して、およびフォーム要素が入力ミスがあるかどうかを検査する.
2)JavaScriptは、ダイナミックメニュー、フローティング広告、ページの鮮やかなダイナミック効果を作成するために使用できます.
3)JavaScriptスクリプトは異なる時間に応答できる
4)簡単なゲームを作る
5)JavaScriptは、さまざまな画像、文字、マウス、アニメーション、ページのさまざまな効果を作成するために使用できます.
2.JavaScriptデータ型
文字列型、数値型、ブール型、オブジェクト型、null値、undefined(null値は、1つの変数にnull値を割り当てることによって変数の内容を消去することができる;undefinedは、その変数がまだ付与されていないことを示す)
3.JavaScript変数
4.JavaScriptスクリプトカスタム関数
カスタム関数とは,ユーザが自分で名前を付けて書く特定の機能を実現できるプログラムユニットである.ユーザーがカスタム関数を使用するには、宣言を実装する必要があります.宣言されていないカスタム関数を直接使用することはできません.
JavaScriptはfunctionで関数を定義します.構文は次のとおりです.
1.JavaScript初認識
JavaScriptは、PHP、ASP、JSP、ASPに適用できる、クライアントブラウザの解釈によって実行されるウェブページを作成する特効的なスクリプト言語です.NETサイトでは、現在人気のAjaxはJavaScriptをベースにしています.JavaScriptの主な応用:
1)ウェブページにJavaScriptスクリプトコードを入れて、ウェブページにダイナミックインタラクティブな機能を持たせることができて、ウェブサイトとユーザー間のコミュニケーションを便利にして、直ちに相応のユーザーの操作をして、提出したフォームに対して即時の検査をして、例えばフォーム要素が空であるかどうかを検証して、フォーム要素が数値型であるかどうかを検証して、およびフォーム要素が入力ミスがあるかどうかを検査する.
2)JavaScriptは、ダイナミックメニュー、フローティング広告、ページの鮮やかなダイナミック効果を作成するために使用できます.
3)JavaScriptスクリプトは異なる時間に応答できる
4)簡単なゲームを作る
5)JavaScriptは、さまざまな画像、文字、マウス、アニメーション、ページのさまざまな効果を作成するために使用できます.
2.JavaScriptデータ型
文字列型、数値型、ブール型、オブジェクト型、null値、undefined(null値は、1つの変数にnull値を割り当てることによって変数の内容を消去することができる;undefinedは、その変数がまだ付与されていないことを示す)
3.JavaScript変数
4.JavaScriptスクリプトカスタム関数
カスタム関数とは,ユーザが自分で名前を付けて書く特定の機能を実現できるプログラムユニットである.ユーザーがカスタム関数を使用するには、宣言を実装する必要があります.宣言されていないカスタム関数を直接使用することはできません.
JavaScriptはfunctionで関数を定義します.構文は次のとおりです.
function ([ ]){
return var;
}
:
();
、JavaScript
1. HTML JavaScript
JavaScript , html 。 html JavaScript :</span></span>
</div>
<div>
<code></code>
<div style="border:1px solid #000000;font-size:12px;margin-left:auto;">
<div>
<span style="font-family:' ';"><span style="color:#333399;"><span style="font-size:14pt;"><</span></span><span style="font-size:14pt;">script language</span><span style="color:#333399;"><span style="font-size:14pt;">=</span></span><span style="color:#ff00bf;"><span style="font-size:14pt;">"javascript"</span></span><span style="color:#333399;"><span style="font-size:14pt;">></span></span><br><span style="font-size:14pt;">......</span><br><span style="color:#333399;"><span style="font-size:14pt;"><</span></span><span style="color:#333399;"><span style="font-size:14pt;">/</span></span><span style="font-size:14pt;">script</span><span style="color:#333399;"><span style="font-size:14pt;">></span></span></span>
</div>
</div>
</div>
<div>
<span style="font-family:' ';"><br></span>
</div>
<div>
<span style="font-family:' ';"><span style="font-size:14pt;"> JavaScript 。language 。</span></span>
</div>
<div>
<span style="font-family:' ';"><span style="font-size:14pt;"> JavaScript <head>........</head> <body>....</body> 。 <head> ; <body> 。</span></span>
</div>
<div>
<span style="font-family:' ';"><span style="font-size:14pt;"> HTML </span><span style="color:#ff0000;"><span style="font-size:14pt;">"javascript</span><strong><span style="font-size:14pt;">:</span></strong></span><span style="font-size:14pt;">" JavaScript 。 , onclick "javascript:" window alert :</span></span>
</div>
<div>
<code></code>
<div style="border:1px solid #000000;font-size:12px;margin-left:auto;">
<div>
<span style="font-family:' ';"><span style="color:#333399;"><span style="font-size:14pt;"><</span></span><span style="font-size:14pt;">input type</span><span style="color:#333399;"><span style="font-size:14pt;">=</span></span><span style="color:#ff00bf;"><span style="font-size:14pt;">"submit"</span></span><span style="font-size:14pt;"><span> </span>name</span><span style="color:#333399;"><span style="font-size:14pt;">=</span></span><span style="color:#ff00bf;"><span style="font-size:14pt;">"Submit"</span></span><span style="font-size:14pt;"><span> </span>value</span><span style="color:#333399;"><span style="font-size:14pt;">=</span></span><span style="color:#ff00bf;"><span style="font-size:14pt;">" "</span></span><span style="font-size:14pt;"><span> </span>onClick</span><span style="color:#333399;"><span style="font-size:14pt;">=</span></span><span style="color:#ff00bf;"><span style="font-size:14pt;">"javascript:alert(' !')"</span></span><span style="color:#333399;"><span style="font-size:14pt;">></span></span></span>
</div>
</div>
</div>
<div>
<span style="font-family:' ';"><br></span>
</div>
<div>
<span style="font-family:' ';color:#0000ff;"><span style="font-size:14pt;"><strong>2. JavaScript </strong></span></span>
</div>
<div>
<span style="font-family:' ';"><span style="font-size:14pt;"> web , 。 : check (), :</span></span>
</div>
<div>
<code></code>
<div style="border:1px solid #000000;font-size:12px;margin-left:auto;">
<div>
<span style="font-family:' ';"><span style="color:#333399;"><span style="font-size:14pt;"><</span></span><span style="font-size:14pt;">input type</span><span style="color:#333399;"><span style="font-size:14pt;">=</span></span><span style="color:#ff00bf;"><span style="font-size:14pt;">"submit"</span></span><span style="font-size:14pt;"><span> </span>name</span><span style="color:#333399;"><span style="font-size:14pt;">=</span></span><span style="color:#ff00bf;"><span style="font-size:14pt;">"Submit"</span></span><span style="font-size:14pt;"><span> </span>value</span><span style="color:#333399;"><span style="font-size:14pt;">=</span></span><span style="color:#ff00bf;"><span style="font-size:14pt;">" "</span></span><span style="font-size:14pt;"><span> </span>onclick</span><span style="color:#333399;"><span style="font-size:14pt;">=</span></span><span style="color:#ff00bf;"><span style="font-size:14pt;">"check();"</span></span><span style="color:#333399;"><span style="font-size:14pt;">></span></span></span>
</div>
</div>
</div>
<div>
<span style="font-family:' ';"><span style="font-size:14pt;"> web check() 。</span></span>
</div>
<div>
<span style="font-family:' ';"><br></span>
</div>
<div>
<span style="font-family:' ';color:#0000ff;"><span style="font-size:14pt;"><strong>3. PHP JS </strong></span></span>
</div>
<div>
<span style="font-family:' ';"><span style="font-size:14pt;"> <script> JavaScript , src JavaScript , JS 。:</span></span>
</div>
<div>
<code></code>
<div style="border:1px solid #000000;font-size:12px;margin-left:auto;">
<div>
<span style="font-family:' ';"><span style="color:#333399;"><span style="font-size:14pt;"><</span></span><span style="font-size:14pt;">script src</span><span style="color:#333399;"><span style="font-size:14pt;">=</span></span><span style="font-size:14pt;">url language</span><span style="color:#333399;"><span style="font-size:14pt;">=</span></span><span style="color:#ff00bf;"><span style="font-size:14pt;">"javascript"</span></span><span style="color:#333399;"><span style="font-size:14pt;">></span></span><span style="color:#333399;"><span style="font-size:14pt;"><</span></span><span style="color:#333399;"><span style="font-size:14pt;">/</span></span><span style="font-size:14pt;">script</span><span style="color:#333399;"><span style="font-size:14pt;">></span></span><br></span>
</div>
</div>
</div>
<div>
<span style="font-family:' ';"><span style="font-size:14pt;">JavaScript HTML , php , 。 :JS JavaScript 。</span></span>
</div>
<div>
<span style="font-family:' ';"><br></span>
</div>
<div>
<span style="font-family:' ';color:#ff0000;"><span style="font-size:14pt;"><strong> . JavaScript </strong></span></span>
</div>
<div>
<span style="font-family:' ';"><br></span>
</div>
<div>
<span style="font-family:' ';color:#0000ff;"><span style="font-size:14pt;"><strong>1) IE JavaScript </strong></span></span>
</div>
<div>
<span style="font-family:' ';"></span>
</div>
<div>
<p class="5" style="text-indent:21pt;"><span style="font-family:' ';"><span style="font-size:14pt;"> IE “ ”/“Internet ” , “Internet ” , </span><span style="letter-spacing:-.1pt;font-size:14pt;"> “ ” , </span><span style="letter-spacing:-.1pt;font-size:14pt;">Internet</span><span style="letter-spacing:-.1pt;font-size:14pt;"> , “ ” , </span><span style="letter-spacing:-.1pt;font-size:14pt;">4</span><span style="letter-spacing:-.1pt;font-size:14pt;"> 。</span></span></p>
<p class="5" style="text-indent:21pt;"><span style="font-family:' ';line-height:15.7pt;text-indent:-21pt;font-size:14pt;"><br></span></p>
<p class="5" style="text-indent:21pt;"><span style="color:#0000ff;"><strong><span style="font-family:' ';line-height:15.7pt;text-indent:-21pt;font-size:14pt;">2) </span><span style="font-family:' ';line-height:15.7pt;text-indent:-21pt;font-size:14pt;">IE</span><span style="font-family:' ';line-height:15.7pt;text-indent:-21pt;font-size:14pt;"> </span><span style="font-family:' ';line-height:15.7pt;text-indent:-21pt;font-size:14pt;">JavaScript</span><span style="font-family:' ';line-height:15.7pt;text-indent:-21pt;font-size:14pt;"> </span></strong></span></p>
</div>
<div>
<p class="5" style="text-indent:21pt;"><span style="font-family:' ';"><span style="font-size:14pt;">IE</span><span style="font-size:14pt;"> Internet、 Intranet、 4 , </span><span style="letter-spacing:-.1pt;font-size:14pt;"> 。 </span><span style="letter-spacing:-.1pt;font-size:14pt;">Windows XP</span><span style="letter-spacing:-.1pt;font-size:14pt;"> , </span><span style="letter-spacing:-.1pt;font-size:14pt;">IE</span><span style="letter-spacing:-.1pt;font-size:14pt;"> </span><span style="letter-spacing:-.1pt;font-size:14pt;">JavaScript</span><span style="letter-spacing:-.1pt;font-size:14pt;"> , </span><span style="font-size:14pt;">5</span><span style="font-size:14pt;"> 。<a href="https://img. .com/image/info8/0d6ed77d2b094a09822565ca84be0d5a.png" target="_blank"><img src="https://img. .com/image/info8/0d6ed77d2b094a09822565ca84be0d5a.png" alt="PHP Web ( )_ 1 " width="367" height="202" style="border:1px solid black;"></a></span></span></p>
</div>
<div>
<p class="5" style="text-indent:21pt;"><span style="font-family:' ';"><span style="font-size:14pt;"> JavaScript , , “ ” , 5 , 。 。 IE , IE 。</span></span></p>
<p class="5" style="text-indent:21pt;"><span style="font-family:' ';"><span style="font-size:14pt;"> IE “ ”/“Internet ” , “Internet ” , “ ” , “ ” “ CD ” ( Windows XP ), “ ” , 。<a href="https://img. .com/image/info8/b98213c4e9ee4008bee15c0b55614ec7.png" target="_blank"><img src="https://img. .com/image/info8/b98213c4e9ee4008bee15c0b55614ec7.png" alt="PHP Web ( )_ 2 " width="483" height="490" style="border:1px solid black;"></a></span></span></p>
<p class="ae" style="line-height:15.7pt;text-indent:-21pt;margin-left:42pt;"><span style="font-family:' ';"><span><span style="line-height:normal;font-size:14pt;"><br></span></span></span></p>
<p class="ae" style="line-height:15.7pt;text-indent:-21pt;margin-left:42pt;"><span style="font-family:' ';"><span><span style="line-height:normal;font-size:14pt;"><br></span></span></span></p>
<p class="ae" style="line-height:15.7pt;text-indent:-21pt;margin-left:42pt;"><br></p>
</div>
<div>
<span style="font-family:' ';"><br></span>
</div>
<div>
<span style="font-family:' ';"><br></span>
</div>
<br>
</div>
</div>
</div>
</div>
</div>
<!--PC WAP -->
<div id="SOHUCS" sid="1177126639952277504"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js">