一般的な JavaScript タグとメソッドの概要_JavaScript スキル

JavaScriptとは何ですか?

(1) JavaScript は、セキュリティ機能を備えたオブジェクト駆動型およびイベント駆動型のスクリプト言語です。

(2) JavaScript は Netscape によって開発されたスクリプト言語であり、JavaScript で作成されたプログラムは HTML ページに埋め込まれ、ブラウザーで直接解釈して実行できます。

(3) JavaScript はブラウザーで直接解釈して実行できるため、サーバーの負荷が軽減され、プログラムの動作効率が向上します。

//イベント (イベントリスニング):

//タグオブジェクト.イベントモニタリング.function(){実行されたコード、オブジェクトの検索、属性の検索、属性の変更};

イベント ソースをトリガーします。メソッドは実行コードを検索し、オブジェクトを検索し、属性を変更します (または属性を使用し、追加、削除、変更、確認します)。

onmouseover マウスを要素の上に移動します

onmouseout マウスを要素から遠ざけます

onkeydown キーボードを押します (つまり、押し続けます)

onkeypress キーボードを押して放します (つまり、クリックして押して放します)

oonkeyup キーボードを放します (つまり、キーボードが放されたとき)

onclick マウスを押してから上に (クリック)

onmousedown マウスボタンが押されます (押し続けます)

onmousemove マウスの動き (押しても押しても動かさずに移動)

onmouseout マウスが要素上を移動します (マウスが要素上に置かれたとき)

onmouseup マウスボタンを放します (マウスを放したとき)

onresize ウィンドウまたはフレームのサイズが変更されます

window.onresize

フォーム送信時

onblur 要素がフォーカスを失います

onfocus 要素がフォーカスを取得します

ブラウザの空白領域の幅と高さ (つまり、ブラウザの幅と高さ)

幅: document.documentElement.clientWidth;

高:document.documentElement.clientHeight;

//オブジェクトの取得方法:

// window.document.getElementById('miao') // ウィンドウは省略可能

document.getElementById('miao');//ID は一意であり、競合できないため、取得されるのは配列ではなくオブジェクト値です

document.getElementsByTagName("a");//タグ名が一意ではありません。すべてのタグ オブジェクトを取得し、配列を生成します。

document.getElementsByClassName("a");//className は一意ではありません。className a を持つすべてのラベル オブジェクトを取得し、配列を生成します

document.getElementsByName("a"); // Name 属性は一意ではありません。Name が a であるすべてのラベル オブジェクトを取得し、配列

タグ全体です

オブジェクトを取得した後、タグ内のコンテンツを取得したい場合は、オブジェクトの innerHTML 属性を呼び出すことができます

ラベル object.innerHTML: ラベル間のテキストを表します

ラベル object.innerHTML = 新しいデータ: タグ間のコンテンツに値を割り当てます

//ポップアップ:

alert(): 通常のポップアップウィンドウ

confirm(): 確認およびキャンセルのポップアップ ウィンドウを表示します

プロンプト(): 入力ボックス付きのポップアップ

setTimeout(func,n);//タイマー、n 秒後に func 内のプログラムを実行します。単位はミリ秒です

setInterval(func,n): 一定の時間間隔で何かを実行します

clearInterval(s);

//文字列を数値型に変換 parseInt();

var h =document.documentElement.clientHeight;//ブラウザの高さを取得します

var w =document.documentElement.clientWidth;//ブラウザの幅を取得します

var div1 = document.getElementById("id");//ID が id のタグのオブジェクトを取得

iw=parseInt(w)//w を数値型に変換します

ih=parseInt(h)

div1.style.height=ih 'px';//割り当て

div1.style.width=iw 'px';

以上がこの記事の全内容です。今後皆さんがプロジェクトを行う際に JavaScript のタグやメソッドを使用する際の参考になれば幸いです。