Geek Academy JavaScript ビデオ素材の共有

「Geek Academy JavaScript ビデオ チュートリアル」では、JavaScript について詳しく紹介します。JavaScript は文字通りのスクリプト言語であり、クライアント側の Web 開発で広く使用されているスクリプト言語です。現在、デザインの改善、フォームの検証、ブラウザの検出、Cookie の作成などを目的として、何百万もの Web ページで使用されています。

JavaScript は、Web アプリケーション開発で広く使用されているネットワーク スクリプト言語であり、Web ページにさまざまな動的機能を追加して、ユーザーによりスムーズで美しいブラウジング効果を提供するためによく使用されます。通常、JavaScript スクリプトは HTML に埋め込むことでその機能を実現します。

はインタープリタ型スクリプト言語です (コードはプリコンパイルされていません)。

主に、HTML (標準ユニバーサル マークアップ言語に基づくアプリケーション) ページにインタラクティブな動作を追加するために使用されます。

HTML ページに直接埋め込むこともできますが、別の js ファイルとして記述すると、構造と動作を分離するのに役立ちます。

クロスプラットフォーム機能。ほとんどのブラウザーをサポートしているため、複数のプラットフォーム (Windows、Linux、Mac、Android、iOS など) で実行できます。

ビデオ再生アドレス: //m.sbmmt.com/course/204.html

JavaScriptを学習するとき、DOM操作に注意する必要があります。これがキーポイントであり、難しい点です。

createElement()
var node = document.createElement(“div”);

2. テキスト ノードを作成します

createTextNode()
var value = document.createTextNode(“text”);

innerHTML は知っていますが、このメソッドは知りません。これにより、挿入されたコンテンツが HTML 形式でない場合は、createTextNode を使用する方が安全です。また、innerText にはブラウザーの非互換性の問題があるため、createTextNode を使用するのが簡単です。 。

3. ノードを最後まで挿入します

appendChild()
node.appendChild(value);

新規ノードの場合は末尾に挿入され、既存のノードの場合は末尾に移動します この点を理解した上で、以下の方法と組み合わせると、ノードの移動や操作が簡単に行えます。

4. ターゲット ノードの前にノードを挿入します。

insertBefore()
var node = document.createElement(“div”);
var _p = document.createElement(“p”);
var _span = document.createElement(“span”);
node.appendChild(_p);
node.insertBefore(_span, _p);

if (node.parentNode.firstChild)
node.parentNode.insertBefore(node, node.parentNode.firstChild);else node.parentNode.appendChild(node);

removeChild()
node.removeChild(_p);