JavaScriptはWeb開発において必須の技術と言えます。柔軟性があり、シンプルかつ効率的です。今回のDRPではjsを多用しており、jsについての理解が深まりました。これを見た後、戻って牛バラ肉の JS 動画を見ました。今まで見たことのないものを見ました。 jsについてまとめてみました。 S JavaScript とは何ですか? JS はインタプリタ型 Web スクリプト言語です。その役割は、ブラウザの動作とコンテンツを制御することです。
jsコードはHTMLに埋め込まれています。
いくつかの主要な機能があります
クライアント上で実行されるため、サーバーへの負荷を軽減できます。コードの実行効率を向上させます。
JavaScript はインタープリタ言語です (つまり、コードの実行はプリコンパイルされません)
対応するコンパイル言語は、.class ファイルにコンパイルされた Java など、実行中に事前に中間コードまたは機械語にコンパイルされる必要があります。
JavaScriptはJavaとは何の関係もありません。 Javascript は他の言語の機能を簡略化したものではなく (たとえば、漠然と間接的に Java に関連しているだけです)、何かを単純化したものでもありません。ただし、限界もあります。たとえば、この言語を使用してスタンドアロン アプリケーションを作成することはできません。また、ファイルの読み取りと書き込みのサポートは組み込まれていません。さらに、JavaScript スクリプトは、Active Server Pages (ASP)、インターネット ブラウザ、Windows スクリプト ホストなど、特定のインタープリタまたは「ホスト」上でのみ実行できます。
JavaScript はどのような機能を実現できますか?
JavaScript はブラウザ スクリプト開発を実装できます。多くの古典的な機能が備わっています。私たちはマスターする必要があります。
JavaSript は Web ページの特殊効果を実装します
Js は、画像テキストのスクロール、画像の動的変換など、多くの Web ページの特殊効果を実装できます。インターネットを検索すると、既製のコードがたくさん見つかります。要するに、自分でやる必要のないことがたくさんあるということです。巨人の肩の上に立つ必要があります。
JavaScript は Html 要素を操作します
J は、入力ボックス、ドロップダウン ボックス、テーブル、その他の要素などの Web ページ要素を操作できます。 HTML 要素の操作の基本は DOM オブジェクトの操作です。すべての html 要素は dom オブジェクトです。 jsを使って操作することができます。たとえば、その属性を変更し、要素を動的に追加します。その値などを取得します。
HTML の各要素は dom のノードに対応します。 html フォームは dom ツリーに対応し、各ノードには、nodeName、nodeValue、nodeType 属性があります。 jsはこれらの属性を操作することでhtmlを操作します。
操作方法をいくつか紹介します。
createElement(element): 指定されたタグ名で新しい要素ノードを作成します。戻り値は新しい要素ノードへの参照ポインターです。
createTextNode(string): 指定されたテキストを含む新しいテキスト ノードを作成し、新しい要素ノードへのポインター。テキスト ノードの参照ポインター:
appendChild(node): ノードの挿入
removeChild(node): 指定された要素から子ノードを削除し、削除された子ノードへの参照ポインターを返します。
hasChildNodes: 指定された要素に子ノードがあるかどうかを確認し、ブール値を返すために使用されます
replaceChild(newnode,oldnode): ノードの置換
setAttribute(key, value): 新しい属性値を追加するか、指定された要素ノードの既存の属性を変更します
getAttribute(key): 指定された要素の指定された属性ノードの値を返します
getElementById(): 指定された id 属性値を持つ要素を検索し、要素ノードを返します
getElementsByTagName(): 指定された属性を持つすべての要素を検索するために使用しますタグ名
これらのメソッドからもわかるように、jsは柔軟にノード(html要素)の追加、削除、取得が可能です。このようにして、フォームの操作がより柔軟になります。
この drp で使用される主なメソッドは getElementById() です。
例:
with(document.getElementById("userform")){
action="user_maint.jsp";
submit()
JavaScript はフォーム検証を実装します。 JavaScript 検証用の一般的なフォーム データには以下が含まれます:
ユーザーが入力したメールアドレスは合法ですか?
ユーザーは有効な日付を入力しましたか?ユーザーは数値フィールドにテキストを入力しましたか?
JS フォームを検証するには通常 2 つの方法があります。 1 つは、フォームが送信されるかイベントがトリガーされると、js メソッドが呼び出され、js コードを通じてコントロールのプロパティが抽出され、条件を満たしているかどうかを判断する手動メソッドを作成する方法です。もう 1 つの方法は、正規表現を使用して、入力データが特定の形式に準拠しているかどうかを確認することです。たとえば、次の確認メール用の js コード
www.2cto.com
< pre name = "code" class = "javascript"> function test()
barmyreg =/^([a-za-z0-9]+[_ | _ _ | .]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[ _|_|.]?)*[a-zA-Z0-9]+.[a -zA-Z]{2,3}$/;
アラート('有効な E_mail を入力してください!');
コードの鍵は正規表現を見つけることです。2 つ目はこの正規表現を使用することです。式 テスト メソッドは、特定の文字列を検証するために使用されます。テスト メソッドにはこの正規表現が付属していることに注意してください。
JavaScriptはお客様のブラウザを確認し、Cookieを作成します
JavaScriptを使用して、お客様のブラウザのバージョンや情報などを確認します。
以下の Navigator オブジェクトには、ブラウザの種類、バージョンなど、訪問者のブラウザに関する情報が含まれています。
"+ ブラウザ)
document.write("
")
document.write("Browserversion: "+ version)
<
/html>
Cookie は訪問者のコンピュータに保存される変数です。この Cookie は、同じコンピュータがブラウザを通じてページを要求するたびに送信されます。 JavaScript を使用して Cookie 値を作成および取得できます。
最初: Cookie 変数
functionsetCookie(c_name,value,expiredays)
{
varexdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document に訪問者の名前を保存する関数を作成します。 =c_name+"=" +escape(value)+
((expiredays==null)? "" : ";expires="+exdate.toGMTString())
}
2 番目: 設定されているかどうかを確認する別の関数を作成しますcookie:
functiongetCookie(c_name)
{
if(document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name +"=")
if (c_start!=-1)
{
c_start =c_start + c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
returnunescape(document.cookie.substring(c_start, c_end))
}
}
return""
}
上記の関数は、最初に document.cookie オブジェクトに Cookie があるかどうかを確認します。 document.cookie オブジェクトが特定の Cookie を保存している場合、指定した Cookie が保存されているかどうかを引き続き確認します。必要な Cookie が見つかった場合は値が返され、それ以外の場合は空の文字列が返されます。
つまり、js は Web 開発に不可欠なテクノロジであり、Web 開発者はよく知っておく必要があります。