innerHTMLと確認メッセージの使用
2695 ワード
今日の開発では、1つのレイヤに対する情報制御について、1つのレイヤにどのような情報が表示されるかを制御し、資料を探してからinnerHTML属性を使用してレイヤの値を制御することを知っています.このinnerHTMLはフォームのvalue属性と少し似ていて、レイヤの表示値を制御することができます.
例えば、私のdivレイヤにはもともと値がありません.私はイベントを処罰して値を表示すると、innerHTML属性を使用することができます.実はinnerHTML属性はレイヤを制御する以外に、ウィンドウの内容のすべての要素を制御することができますが、私はテストしたことがありません.
(1)divタグの制御
divラベルはspanラベルとは異なり、divは1つの層のブロックであり、spanは1行であり、以下ではプレゼンテーションを見て違いがわかります.まずdivを制御するコードを見てみましょう.
DIVブロックテストDIVブロックテスト:デフォルト
値を1に変更
値を2に変更
プレゼンテーション:
HTMLコード
[Ctrl+Aすべて選択プロンプト:コードの一部を変更してから実行を押すことができます]
実行時に「値を1に変更」をクリックすると「デフォルト値」という内容が「値を1に変更」されますが、インタフェースに注意すると「DIVテスト:」と「デフォルト値」が2行表示されます.DIVはブロックで表示されているためです.
(2)spanの制御
divと似ていますが、行に従って表示されます.次のコードを見てください.
Span行テスト:
既定値は1に変更されました
値を2に変更
「値を1に変更」をクリックすると、「デフォルト値」は「値を1に変更」となりますが、「Span行テスト」と「デフォルト値」はDIVとは同じ行に表示されます.
もう一つ注目すべきは、divでもspanでも後ろの名前はidで定義されており、フォームのようにnameで定義されているわけではありません.
(3)confirm確認メッセージボックスの作成
危険な操作を実行する場合、コンテンツを削除するなど、ユーザーにエラーを犯しにくいようにヒントを与える必要があります.一般的なヒントはconfirm()関数を使用して処理され、表示される情報ヒントとしてパラメータを提出すると、アクセス時にダイアログボックスがポップアップされ、「OK」をクリックすると変更関数がtrueに戻り、「キャンセル」をクリックするとfalseに戻り、ユーザーが操作を実行するかどうかを制御する2つの方法が使用されます.
コードを見てください:
アクセス方法1:
ニュース
アクセス方法2:
新浪ニュース
ここでは2つの関数を構築し、1つのaccessNeteay、1つのaccessSinaは、アクセス網易と新浪であり、私たちは異なる方法を使用しています.1つ目は、リンクをクリックした後、trueであれば指定リンクにlocationすると判断することです.この方法は、一般的ではなく、単一のリンクに対してのみ使用できます.第2の方法は、アクセスすると判断したときにtrueを返し、不確定なときにfalseを返す戻り値の形式を使用することであり、これは任意のリンクに対して行うことができ、一般的な情報ヒントとして書かれ、ページ内の呼び出しを便利にすることができる.
以上のコードはすべてテストに合格して、自分で更にこの基礎の上で拡張を行って、自分の必要なJavaScriptコードを書くことができます.
青の理想的なリンクを参照することをお勧めします.
http://www.blueidea.com/tech/web/2004/2379.asp
例えば、私のdivレイヤにはもともと値がありません.私はイベントを処罰して値を表示すると、innerHTML属性を使用することができます.実はinnerHTML属性はレイヤを制御する以外に、ウィンドウの内容のすべての要素を制御することができますが、私はテストしたことがありません.
(1)divタグの制御
divラベルはspanラベルとは異なり、divは1つの層のブロックであり、spanは1行であり、以下ではプレゼンテーションを見て違いがわかります.まずdivを制御するコードを見てみましょう.
function chageDiv(number)
{
if (number == 1) {
document.getElementById("div1").innerHTML =" 1";
}
if (number == 2) {
document.getElementById("div1").innerHTML = " 2";
}
}
DIVブロックテストDIVブロックテスト:デフォルト
値を1に変更
値を2に変更
プレゼンテーション:
HTMLコード
[Ctrl+Aすべて選択プロンプト:コードの一部を変更してから実行を押すことができます]
実行時に「値を1に変更」をクリックすると「デフォルト値」という内容が「値を1に変更」されますが、インタフェースに注意すると「DIVテスト:」と「デフォルト値」が2行表示されます.DIVはブロックで表示されているためです.
(2)spanの制御
divと似ていますが、行に従って表示されます.次のコードを見てください.
function chageSpan(number)
{
if (number == 1) {
document.getElementById("span1").innerHTML = " 1";
}
if (number == 2) {
document.getElementById("span1").innerHTML = " 2";
}
}
Span行テスト:
既定値は1に変更されました
値を2に変更
「値を1に変更」をクリックすると、「デフォルト値」は「値を1に変更」となりますが、「Span行テスト」と「デフォルト値」はDIVとは同じ行に表示されます.
もう一つ注目すべきは、divでもspanでも後ろの名前はidで定義されており、フォームのようにnameで定義されているわけではありません.
(3)confirm確認メッセージボックスの作成
危険な操作を実行する場合、コンテンツを削除するなど、ユーザーにエラーを犯しにくいようにヒントを与える必要があります.一般的なヒントはconfirm()関数を使用して処理され、表示される情報ヒントとしてパラメータを提出すると、アクセス時にダイアログボックスがポップアップされ、「OK」をクリックすると変更関数がtrueに戻り、「キャンセル」をクリックするとfalseに戻り、ユーザーが操作を実行するかどうかを制御する2つの方法が使用されます.
コードを見てください:
function accessNeteasy()
{
if(confirm(' ?')) {
location='http://calendar.eyou.eyou';
}
}
function accessSina()
{
if (confirm(' ?')) {
return true;
} else {
return false;
}
}
アクセス方法1:
ニュース
アクセス方法2:
新浪ニュース
ここでは2つの関数を構築し、1つのaccessNeteay、1つのaccessSinaは、アクセス網易と新浪であり、私たちは異なる方法を使用しています.1つ目は、リンクをクリックした後、trueであれば指定リンクにlocationすると判断することです.この方法は、一般的ではなく、単一のリンクに対してのみ使用できます.第2の方法は、アクセスすると判断したときにtrueを返し、不確定なときにfalseを返す戻り値の形式を使用することであり、これは任意のリンクに対して行うことができ、一般的な情報ヒントとして書かれ、ページ内の呼び出しを便利にすることができる.
以上のコードはすべてテストに合格して、自分で更にこの基礎の上で拡張を行って、自分の必要なJavaScriptコードを書くことができます.
青の理想的なリンクを参照することをお勧めします.
http://www.blueidea.com/tech/web/2004/2379.asp