JavaScriptの使用法

JavaScript の使用法

HTML 內(nèi)のスクリプトは、<script> タグと </script> の間に配置する必要があります。

スクリプトは HTML ページの <body> セクションと <head> に配置できます。

<script> タグ

HTML ページに JavaScript を挿入するには、<script> タグを使用します。

<script>
alert("My first JavaScript");
</script>

上記のコードを理解する必要があります。ブラウザは <script> と </script> の間の JavaScript コードを解釈して実行することを理解してください。

＆lt; body＆gt;

JavaScript 関數(shù)とイベント

上記の例の JavaScript ステートメントは、ページが読み込まれるときに実行されます。

通常、ユーザーがボタンをクリックしたときなど、イベントが発生したときにコードを?qū)g行する必要があります。 JavaScript コードを関數(shù)に入れると、イベントの発生時(shí)にその関數(shù)を呼び出すことができます。

<head> または <body> 內(nèi)の JavaScript

HTML ドキュメントには無(wú)制限の數(shù)のスクリプトを含めることができます。

スクリプトは HTML の <body> セクションまたは <head> セクションに含めることができます。

通常のアプローチは、関數(shù)を <head> セクションまたはページの下部に配置することです。こうすることで、ページのコンテンツを妨げずに同じ場(chǎng)所に配置できます。

<head>

の JavaScript 関數(shù) この例では、HTML ページの <head> セクションに JavaScript 関數(shù)を配置します。

ボタンがクリックされるとこの関數(shù)が呼び出されます:
インスタンス

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>PHP中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>
    JavaScript 能夠直接寫入 HTML 輸出流中：
</p>
<script>
    document.write("<h1>這是一個(gè)標(biāo)題</h1>");
    document.write("<p>這是一個(gè)段落。</p>");
</script>
<p>
    您只能在 HTML 輸出流中使用 <strong>document.write</strong>。
    如果您在文檔已加載后使用它（比如在函數(shù)中），會(huì)覆蓋整個(gè)文檔。
</p>
</body>
</html>

プログラムを?qū)g行して試してください

<body> この中で場(chǎng)合、私たちはJavaScript 関數(shù)を HTML ページの <body> セクションに配置します。

ボタンをクリックするとこの関數(shù)が呼び出されます:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>PHP中文網(wǎng)(php.cn)</title>
    <script>
        function myFunction(){
            document.getElementById("demo").innerHTML="我的第一個(gè) JavaScript 函數(shù)";
        }
    </script>
</head>
<body>
<h1>我的 Web 頁(yè)面</h1>
<p id="demo">一個(gè)段落。</p>
<button type="button" onclick="myFunction()">點(diǎn)擊這里</button>
</body>
</html>

プログラムを?qū)g行して試してみましょう

外部JavaScript

スクリプトを外部ファイルに保存することもできます。外部ファイルには、複數(shù)の Web ページで使用されるコードが含まれることがよくあります。

外部 JavaScript ファイルのファイル拡張子は .js です。

外部ファイルを使用する必要がある場(chǎng)合は、<script> タグの "src" 屬性に .js ファイルを設(shè)定してください:

例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>PHP中文網(wǎng)(php.cn)</title> 
</head>
<body>
<h1>我的第一個(gè) Web 頁(yè)面</h1>
<p id="demo">一個(gè)段落。</p>
<button type="button" onclick="myFunction()">點(diǎn)擊這里</button>
<script>
function myFunction(){
document.getElementById("demo").innerHTML="我的第一個(gè) JavaScript 函數(shù)";
}
</script>
</body>
</html>

スクリプトを < head> またはでの実際の操作の効果は、

亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

JavaScriptの使用法