変数とは何ですか?
変数は、情報を保存するために使用されるコンテナです
変数宣言
文法:
var変数名
変数名=値;
変数を最初に宣言してから割り当てる必要があります
変数は繰り返し割り当てることができます
変数の命名規則
変数は文字から開始する必要があります。
変数は$ and _シンボルからも開始できます(ただし、これはお勧めしません)。
変数名はケースに敏感です(AとAは異なる変数です)。
声明
声明はセミコロンで終わります。セミコロンが省略されている場合、ステートメントの終わりはパーサーによって決定されます。
優れたコーディングの習慣があり、終わらなければなりません。
データ型
JavaScriptでは、情報が値です。さまざまな種類の値があり、誰もが最もよく知っているタイプは数字です。文字列値は囲まれています
引用符の1つ以上の単語。
数値任意の値を番号。数字は10進または68.57なしである場合があります
文字列引用符の文字。 「Hello、World」という単一または二重引用符を使用できます
Boolean Trueまたはfalse True
未定義でヌル未定義の値は、変数に値が含まれていないことを示しています。変数の値をnullに設定することにより、変数をクリアできます。
オブジェクトに関連付けられた値
関数関数によって返される値
1 var a; // aは未定義2 var a = 6; // aは3番ですvar a = "jason"; // aは文字列です
機能とは何ですか?
関数は、特定のタスクを実行するJavaScriptステートメントのセットです。
基本的な構文:
関数function name(){function code;}function name();
説明:
関数は関数キーワードを定義します。
「function name」関数に与えた名前。
「関数コード」は、特定の関数を完了するコードに置き換えられます。
「2番目の関数名」の関数呼び出し
1関数add2(){2 var sun = 3 + 2; 3 alert(sun); 4} 5 add2(); //関数の呼び出しは関数名を直接書き込み、関数コードを直接ポップアップします1 <入力タイプ= "ボタン"値= "クリック" onclick = "add2()" /> 2 <! - ボタンをクリックした後、関数を呼び出し、onclickはクリックイベント - >
出力コンテンツ(document.write)
document.write()は、コンテンツをWebページに直接出力します。
最初のタイプ:出力コンテンツは「」で囲まれ、 ""サイン内のコンテンツを直接出力します。
document.write( "私はJavaScriptが大好き!");
2番目のタイプ:変数による出力コンテンツ
var mystr = "hello world"; document.write(mysrt); //変数名を直接書き込み、変数によって保存されているコンテンツを出力します
3番目のタイプ:複数のコンテンツを出力し、 +サインで接続します。
var mystr = "hello"; document.write(mystr + "i love java script"); //複数のアイテムを +サインで接続する
4番目のタイプ:出力HTMLタグと作業、およびタグは「」で囲まれています。
var mystr = "hello"; document.write(mystr+"<br>"); // output helloの後、newline document.write( "javascript");
警告(アラートメッセージダイアログ)
Webサイトにアクセスすると、小さなウィンドウがメッセージテキストが付いている場合があります。 「OK」をクリックしないと、Webページについて何もできません
操作方法、この小さなウィンドウはアラートを使用して実装されます。
構文: alert(string or variable);
var mynum = 30; alert( "hello!"); alert(mynum);
結果:メッセージボックスが順番にポップアップします(アラートポップアップメッセージダイアログボックスにはOKボタンが含まれています)
知らせ:
1.ダイアログボックスの[OK]ボタンをクリックする前に、他の操作を実行することはできません。
2。通常、メッセージダイアログボックスを使用してプログラムをデバッグできます。
3。document.writeと同様の文字列または変数である可能性があるアラート出力コンテンツ。
選択を確認する(メッセージダイアログを確認)
ユーザーに情報を提供することに加えて、ユーザーから情報を取得したいと考えています。 [メッセージの確認]ダイアログボックスはここで使用されます。
[メッセージの確認]ダイアログボックスは、通常、ユーザーが「正しいですか?」などの選択を可能にするために使用されます。等々。ダイアログボックスが表示されます(OKボタンとキャンセルボタンを含む)。
構文:確認(str);
パラメーター説明:STR:メッセージダイアログボックスに表示されるテキストは返されます:boolean値
返品値:
ユーザーが[OK]ボタンをクリックするとtrueを返します
ユーザーが[キャンセル]ボタンをクリックすると、falseに戻ります
注:返品値を使用して、ユーザーがクリックするボタンを決定できます。
<script type = "text/javascript"> var mymessage = confism( "JavaScriptが好きですか?"); if(mymessage == true){document.write( "good、come on!"); } else {document.write( "JSは強力で、学ぶ必要があります!"); } </script>質問する(迅速なメッセージダイアログ)
時には、ユーザーに「はい/いいえ」と答えてもらいたいだけではありません。代わりに、より具体的な対応が期待されています。この場合、proptを使用できます。
通常、ユーザーと対話する必要がある情報を要求するために使用される[ポップアップメッセージ]ダイアログボックスが表示されます。 [メッセージ]ダイアログボックスが表示されます(OKボタン、キャンセルボタン、テキスト入力ボックスを含む)。
文法:
プロンプト(str1、str2);
パラメーター説明:
STR1:メッセージダイアログボックスに表示されるテキストを変更できません
STR2:テキストボックスのコンテンツを変更できます
返品値:
1. [OK]ボタンをクリックすると、テキストボックス内のコンテンツが関数として値を返します。
2。[キャンセル]ボタンをクリックして、nullに戻ります
function rec(){var score; //スコア変数は、ユーザーが入力したスコア値を保存するために使用されます。スコア=プロンプト( "スコアを入力してください"、 "90"); if(score> = 90){document.write( "あなたは素晴らしい!"); } else if(score> = 75){document.write( "good!"); } else if(score> = 60){document.write( "come on!"); } else {document.write( "hard fard!"); };}; <script> var myname = prompt( "your name"); if(myname!= null && myname!= ""){document.write( "welcom to" + myname); } else {document.write( "welcom to" + myname); } </script>新しいウィンドウを開く(window.open)
文法:
window.open([url]、[window name]、[parameter string])
パラメーター説明:
URL:オプションのパラメーター、ウィンドウに表示されるWebページのURLまたはパス。このパラメーターが省略されている場合、またはその値が空の文字列である場合、ウィンドウはドキュメントを表示しません。
ウィンドウ名:オプションのパラメーター、開いたウィンドウの名前。
1。名前は、文字、数字、アンダースコア文字で構成されています。
2。ウィンドウ名:オプションのこの文字列は、開くウィンドウの名前を宣言するコンマ区切りの機能リストです。できる
「_top」、「_blank」、「_ self」、 "_parent"などです。
_Blank新しいウィンドウにランディングページを表示します
_Self現在のウィンドウに宛先Webページが表示されます
_Parent Frame Webページ現在のウィンドウ位置全体に宛先Webページを表示します
_TOPフレームWebページ上部ウィンドウに宛先Webページが表示されます
3.同じ名前を持つ1つのウィンドウのみを作成できます。複数のウィンドウを作成する場合は、名前が同じではありません。
4.名前にはスペースが含まれていません。
パラメーター文字列:オプションのパラメーター、[ウィンドウ]パラメーターを設定し、各パラメーターをコンマで分離します。
パラメーターテーブル:
T op番号番号ウィンドウの上部にあるピクセル数が画面の上部を残します
左の数は、窓の左端にあるピクセル数を画面の左端を残します
幅番号ウィンドウの幅
高さ数ウィンドウの高さ
Menubarはい、いいえ、ウィンドウにメニューはあります
ツールバーはい、いいえ、ウィンドウにツールバーがあります
Scrollbarsはい、いいえ、ウィンドウに巻物があります
ステータスはい、いいえウィンドウにステータスバーはありますか
<script type = "text/javascript"> window.open( 'http://'、 '_ blank'、 'width = 300、height = 200、menubar = no、toolbar = no、no、no、no、scrollbars = yes')</script>
ウィンドウを閉じる(window.close)
close()close() closeウィンドウ
使用法:
1 Window.close(); //このウィンドウを閉じる2 <ウィンドウオブジェクト> .close(); //指定されたウィンドウを閉じる
例:新しく作成されたウィンドウを閉じます。
1 <script type = "text/javascript"> 2 var mywin = window.open( '// www.vevb.com'); //変数mywin3 mywin.close(); 4 </script>に新しく印刷されたウィンドウオブジェクトを保存
innerhtml属性
innerHTML属性は、 HTML要素のコンテンツを取得または交換するために使用されます。
文法:
object.innerhtml
オブジェクトは、document.getElementById( "ID")を介して要素を取得するなど、取得した要素オブジェクトです。
<h2 id = "con"> javascript </h2>
<script type = "text/javascript"> var mychar = document.getElementById( "con"); document.write( "元のタイトル:"+mychar.innerhtml+"<br>"); //元のH2タグコンテンツmychar.innerhtml = "Hello World" document.write( "Modified Title:"+myChar.innerhtml); //変更されたH2タグコンテンツを出力</script>
HTMLスタイルを変更します
文法:
object.style.property = new Style;
注:オブジェクトは、document.getElementbyId( "id")を介して取得した要素など、取得した要素オブジェクトです。
<h2 id = "con"> JavaScript </h2>が大好きです
<script type = "text/javascript"> var mychar = document.getElementById( "con"); mychar.style.color = "red"; mychar.style.background = "#ccc"; mychar.style.width = "300px"; </script>
show and hide(表示属性を表示)
文法:
object.style.display = value
価値:
なしこの要素は表示されません(および非表示)
ブロックこの要素は、ブロックレベルの要素として表示されます(つまり、表示)
mychar.style.display = "block"
制御クラス名(className属性)
ClassNameプロパティは、要素のクラスプロパティを設定または返します。
文法:
object.className = className
効果:
1.要素のクラス属性を取得します
2。要素の外観を変更するには、Webページの要素にCSSスタイルを割り当てます
p2.classname = "two";
上記のJavaScript Basic Studyノート(ルーキーのために必見)はすべて、エディターが共有するコンテンツです。私はそれがあなたに参照を与えることができることを願っています、そしてあなたがwulin.comをもっとサポートできることを願っています。