簡単な入門知識のjsのフロントエンド--JavaScript

JavaScriptは、最も人気のあるプログラミング言語の一つです。

ページ操作のHTML要素などのWebプログラミングのための理想。

.JavaScriptの特徴：

（1）これは、スクリプト言語です。

（2）これは、軽量プログラミング言語です。

（3）.JavaScriptコードを直接HTML要素に挿入することができます。

（4）ランタイム環境としてブラウザへ。

IIは、このチュートリアルから学びました：

（1）.JavaScript文法。

（2）.JavaScript動作DOM要素。

（3）ブラウザ・オブジェクトに対する操作を.JavaScript。

3つの成分の.JavaScript：

JavaScriptはブラウザ固有の実装はECMAScriptで当たり前です。

ECMAスクリプトに関係なくないユーザーとの対話機能を、異なるホスト環境のコアプログラミング能力を提供し、特定のホスト環境の標準、行動規範の最も基本的な定義です。ブラウザのJavaScript、FlashとディレクターMX ActionScriptのほかにも、その実施の。

JavaScriptのランタイム環境（BOMと呼ばれる）、ブラウザウィンドウオブジェクトに関連した事業を展開し、ブラウザです。ドキュメントオブジェクト（DOMオブジェクトと呼ばれる）ウィンドウオブジェクトに属しているが、JavaScriptは、文書のコア動作であるため、その導入通常は無関係です。三つの部分から構成さと、それを考えることができるのJavaScript：

**こちら**画像の挿入の説明

四つのコード例：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="http://www.softdewhy.com/" /> 
<title>兴趣部落</title>
<style>
div {
  width:100px;
  height:100px;
  background-color:#ccc;
}
</style>
<script>
window.onload = function () {
  var obt = document.getElementById("bt");
  var odiv = document.getElementById("ant");
  obt.onclick = function () {
    odiv.style.backgroundColor = "red";
  }
}
</script>
</head> 
<body>
<div id="ant"></div>
<input type="button" id="bt" value="查看演示"/>
</body>
</html>

div要素の背景色が赤に設定することができます。これは、DOM操作の最も基本的な要素です。

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="http://www.softdewhy.com/" /> 
<title>兴趣部落</title>
<style>
div {
  width:400px;
  height:100px;
  background-color:#ccc;
}
</style>
<script>
window.onload = function () {
  var obt = document.getElementById("bt");
  var odiv = document.getElementById("ant");
  obt.onclick = function () {
    odiv.innerHTML = location.href;
  }
}
</script>
</head> 
<body>
<div id="ant"></div>
<input type="button" id="bt" value="查看演示"/>
</body>
</html>

現在のページのURLアドレスはdiv要素、ここだけではなく、関係するDOM操作するだけでなく、BOMに関連する操作を書き込むことができます。

最後に、私はお勧めフロントエンドの学習交換基685 910 553高度にプッシュ（フロントエンドは、情報共有）に関係なく、あなたは、地球上にあるどの方向
あなたはに定住数年で動作するように歓迎されているかどうか！（グループ内で定期的に顔の質問と回答文書整理の無料学習教材や書籍のメイングループのいくつかの自由なコレクションを提供します！）

あなたはこの記事に異議がある場合は、の記事のコメントにコメントを記入してください。

あなたはこの記事が面白い発見した場合は、共有し、転送、またはあなたが見ることができ、あなたが認識し、私たちの記事を励ましてください。

遠く遠くプログラミングの誰もこの道を、願っています。

簡単な入門知識のjsのフロントエンド--JavaScript

おすすめ