HTML 脚本


JavaScript は HTML ページをより動的でインタラクティブにします。

オンライン例

スクリプトを挿入する
HTMLドキュメントにスクリプトを挿入する方法。

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
document.write("Hello World!")
</script> 

</body>
</html>

インスタンスを実行する»

オンラインインスタンスを表示するには、[インスタンスを実行]ボタンをクリックしてください

<noscript>タグを使用してください
スクリプトをサポートしていないブラウザーに対処する方法スクリプトが無効になっています。

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<script>
document.write("Hello World!")
</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>

<p>不支持 JavaScript 的浏览器会使用 <noscript> 元素中定义的内容（文本）来替代。</p>
 
</body>
</html>

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します

HTML <script> タグ

<script> JavaScript などのスクリプト。

<script> 要素には、スクリプト ステートメントを含めることも、src 属性を通じて外部スクリプト ファイルを指定することもできます。

JavaScript は、画像操作、フォーム検証、動的コンテンツ更新に最も一般的に使用されます。

次のスクリプトはブラウザに「Hello World!」を出力します:

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<script>
document.write("Hello World!")
</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>

<p>不支持 JavaScript 的浏览器会使用 <noscript> 元素中定义的内容（文本）来替代。</p>
 
</body>
</html>

インスタンスの実行»

オンラインの例を表示するには、[インスタンスの実行] ボタンをクリックします

lamp.jpg ヒント: 詳細については、JavaScript チュートリアルをご覧ください。

HTML<noscript> タグ

<noscript> は、ブラウザがスクリプトを無効にしている場合などに代替コンテンツを提供します。クライアントスクリプト時間をサポートしていません。

<noscript> 要素には、通常の HTML ページの body 要素にあるすべての要素を含めることができます。

ブラウザがスクリプトをサポートしていない場合、またはスクリプトが無効になっている場合にのみ、<noscript> 要素のコンテンツが表示されます:

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<script>
document.write("Hello World!")
</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>

<p>不支持 JavaScript 的浏览器会使用 <noscript> 元素中定义的内容（文本）来替代。</p>
 
</body>
</html>

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしますオンライン インスタンスを表示するには

JavaScript エクスペリエンス (このサイトの JavaScript チュートリアルより)

JavaScript サンプル コード

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
	
<p>
JavaScript 能够直接写入 HTML 输出流中：
</p>
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
</script>
<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>
	
</body>
</html>

インスタンスを実行する»

オンライン インスタンスを表示するには、[インスタンスを実行] ボタンをクリックします


例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<h1>我的第一个 JavaScript </h1>

<p id="demo">
JavaScript 可以触发事件，就像按钮点击。</p>

<script>
function myFunction()
{
	document.getElementById("demo").innerHTML="Hello JavaScript!";
}
</script>

インスタンスの実行»

オンラインインスタンスを表示するには、「インスタンスの実行」ボタンをクリックしてください

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
	
<h1>我的第一段 JavaScript</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>
<script>
function myFunction()
{
	x=document.getElementById("demo") // 找到元素
	x.style.color="#ff0000";          // 改变样式
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
	
</body>
</html>

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します


HTMLスクリプトタグ

タグ 説明
<script>クライアント側のスクリプトを定義します
<noscript>スクリプトをサポートしないブラウザによるテキスト出力を定義します