ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript と HTML の違いと関係について話しましょう

JavaScript と HTML の違いと関係について話しましょう

WBOY
WBOY転載
2022-08-05 14:26:252613ブラウズ

この記事では、javascript に関する関連知識を提供します。主に JavaScript と html の関係と違いに関する関連問題を紹介します。HTML は識別言語です。JavaScript は解釈されたスクリプト言語です。皆さんのお役に立てれば幸いです。

JavaScript と HTML の違いと関係について話しましょう

[関連する推奨事項: JavaScript ビデオ チュートリアル Web フロントエンド ]

HTML とは何ですか?

HTML は HyperText Markup Language (HyperText Markup Language) と呼ばれ、マーキング言語です。一連のタグが含まれています。これらのタグは、ネットワーク上のドキュメント形式を統一し、分散したインターネット リソースを論理的な全体に接続します。 【推奨:HTMLオンラインマニュアル】

HTMLテキストとは、テキスト、グラフィック、アニメーション、サウンド、表、リンクなどを記述することができるHTMLコマンドで構成される説明文です。

ハイパーテキストは、テキスト内の単語やグラフィックをハイパーリンクを通じて他の情報メディアに関連付けて情報を整理する方法です。これらの相互に関連する情報メディアは、同じテキスト内にある場合もあれば、別のファイルである場合もあれば、地理的に離れたコンピュータ上のファイルである場合もあります。この情報の整理方法により、さまざまな場所に分散した情報リソースがランダムに接続され、情報の検索と取得が容易になります。

JavaScriptとは何ですか?

JavaScript は、高度なインタプリタ型リテラル スクリプト言語です。プロトタイプ ベースの関数優先言語です。マルチパラダイム言語です。オブジェクト指向プログラミングと命令型プログラミングと関数型プログラミングをサポートしています。 。

JavaScript は、実行されるたびに主流のエンジンがコードをロードして解釈するため、リテラル翻訳言語として分類されます。

JavaScript は、ECMA (欧州コンピュータ製造者協会) によって ECMAScript を通じて言語として標準化されました。世界中のほとんどの Web サイトで使用されており、世界の主流のブラウザー (Chrome、IE、Firefox、Safari、Opera) でもサポートされています。

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

HTML と JavaScript の違い

1. 本質的な違い

HTML は論理関数のないマークアップ言語であり、JavaScript は次のようなスクリプト言語です。 c と java には論理関数があります。

2. 使用上の違い

HTML は Web ページ上に静的コンテンツを提供します。 JavaScript は、静的な Web ページに動的な機能を追加します。

html は Web ページ制作の基礎です。生成されるものは静的で、js はスクリプトであり、html と組み合わせることで、より強力な Web ページを生成します。いくつかの動的ロジックの問題を処理できます。

JavaScript は HTML に埋め込むことができますが、HTML を JavaScript に埋め込むことはできません。

JavaScript では大文字と小文字が区別されますが、HTML では大文字と小文字が区別されません。

3. 標準化の違い

HTML は W3C および WHATWG 標準に基づいており、JavaScript は ECMA 標準に基づいています。

4. 互換性の違い

HTML はブラウザ間互換性があり、最新のブラウザを含むすべての Web ブラウザのすべてのバージョンと互換性があります。すべてのブラウザーは、古いか新しいかに関係なく、デフォルトで認識されない要素をインライン要素として処理するため、古い Web ブラウザーでも不明な HTML 要素を簡単に処理できます。

一方、JavaScript にはブラウザ間の互換性がないため、一部の関数は特定のブラウザと互換性がありません。

JS を HTML に関連付ける方法

注: コードを有効にする前に、別の js ファイルを html ファイルにインポートする必要があります。メソッドについては、このリンクを参照してください。

1.js は、id を通じて HTML コンポーネントを操作します。

コード例

<!--html代码-->
<input type="text" id="myqr">//设定组件的id为“myqr”

document.getElementById() 関数を使用します。コンポーネントを JS 変数の関連付けと結合します。

次に、(variable.property 名)

//js代码
var love = document.getElementById(&#39;myqr&#39;);//通过id获取对应组件的索引
var a = love.value;//将组件的value属性值赋给变量a
love.value = "love you so much";//将组件的输入内容设为该字符串
love.type = "file";//将组件的输入类型设为文件

2 を通じてコン​​ポーネントの対応する属性を操作します。JS 関数は、ボタンに応答します。 onclick 属性 #

<!--html代码-->
<button onclick="myqr()">完成</button>

ボタン コンポーネントの onclick 属性を myqr() に設定すると、ボタンがクリックされたときに js の myqr() 関数がトリガーされます

//js代码
function  myqr(){
   alert("love you so much");
}

[関連推奨事項:

JavaScript ビデオ チュートリアル Web フロント エンド ]

以上がJavaScript と HTML の違いと関係について話しましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。