JavaScript

JavaScript ファイルを読み込む

出典: CSSやJavaScriptの外部ファイル作成方法とその読み込み方法！ — 外部JSファイルの読み込み / JavaScript ファイルを読み込む

JavaScript ファイルを読み込む (javascript)#6ba3928fce7b

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link type="text/css" rel="stylesheet" href="main.css">
</head>
<body>
<div id="main">こんにちは！</div>
<script type="text/javascript" rel="script" src="main.js"></script>
</body>
</html>

▸ この snippet は実行結果未収録

▸ 実行結果は未収録です

id: #6ba3928fce7b
lines: 12
extracted: 2026-06-10

Source収録記事

この snippet は記事の「外部JSファイルの読み込み / JavaScript ファイルを読み込む」セクションに登場する。コードの前後の文脈・ハマりどころの解説は記事本文で。

技術記事

CSSやJavaScriptの外部ファイル作成方法とその読み込み方法！

6年前9 min

同じ記事から

1 件

JavaScript

    let target = document.getElementById('main');
    target.addEventListener('click',function () {
        target.textContent = 'HelloWorld'
    })

未収録

JavaScriptファイルの作成

#af8886c50aa7

図鑑トップ