JavaScript の出力
JavaScript は 4 つの異なる方法でデータを出力できます:
window.alert() を使用してアラート ボックスをポップアップします。
document.write() メソッドを使用して、コンテンツを HTML ドキュメントに書き込みます。
innerHTML を使用して HTML 要素に書き込みます。
console.log() を使用してブラウザのコンソールに書き込みます。
window.alert()
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script src="/static/js/abc.js"></script><script>
function myFunction()
{
window.alert("Hello! 这是一个按钮");
}
</script>
</head>
<body>
<input type="button" onclick="myFunction()" value="Show alert box">
</body>
</html>document.write()
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<h1>Head</h1>
<script>
document.write('<p>hello document</p>');
</script>
<h2>Tail</h2>
</html>innerHTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
function getInnerHTML(){
alert(document.getElementById("test").innerHTML);
}
</script>
</head>
<body>
<p id="test"><span color="#000">php中文网</span></p>
<input type="button" onclick="getInnerHTML()" value="点击" />
</body>
</html>console.log()
ブラウザがデバッグをサポートしている場合は、console.log() メソッドを使用してブラウザに JavaScript 値を表示できます。
ブラウザでF12を使用してデバッグモードを有効にし、デバッグウィンドウの「コンソール」メニューをクリックします。
りー
新しいファイル
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script src="/static/js/abc.js"></script><script>
function myFunction()
{
window.alert("Hello! 这是一个按钮");
}
</script>
</head>
<body>
<input type="button" onclick="myFunction()" value="Show alert box">
</body>
</html>
プレビュー
Clear
- おすすめコース
- コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
このコースを視聴した生徒はこちらも学んでいます
