ホームページ >ウェブフロントエンド >jsチュートリアル >jsの出力方法にはどのようなものがあるのでしょうか?コンテンツを出力する 4 つの方法 (コード例)

jsの出力方法にはどのようなものがあるのでしょうか?コンテンツを出力する 4 つの方法 (コード例)

青灯夜游
青灯夜游オリジナル
2018-10-29 16:08:0013672ブラウズ

JavaScript はコンテンツの出力をどのように実現しますか? jsの出力方法にはどのようなものがあるのでしょうか?この記事では、jsの4つの出力文を理解できるように、jsでコンテンツの出力を実現する方法を紹介します。困っている友人は参考にしていただければ幸いです。

方法 1: js window.alert(); ステートメントの出力

window.alert() ステートメント: 警告ボックスを出力できます。とウィンドウは省略できます。ポップアップ効果はありますが、ポップアップが突然なのでユーザーエクスペリエンスは良くありません。基本的にはコードのテストに使用されます。

コード例:

<script type="text/javascript"> 
    window.alert(&#39;php中文网&#39;)
    alert("网站:www.php.cn")
</script>

レンダリング:

jsの出力方法にはどのようなものがあるのでしょうか?コンテンツを出力する 4 つの方法 (コード例)

説明:

window.alert() は、小さな括弧内の内容は、ポップアップ ウィンドウの形式で表示されます。この内容は、一重引用符または二重引用符のペアで囲む必要があります。これは、ウィンドウが BOM オブジェクトであるためです。ブラウザ全体に書き込む場合は省略できます。

方法 2: js document.write() ステートメントの出力document.write() メソッド: コンテンツを直接HTML ドキュメント、ページ上に出力されます。

コード例:

<script type="text/javascript"> 
    document.write("hello");
    document.write("<h1>通过document.write输出内容</h1>");
</script>

レンダリング:


##方法 3: js コンソール シリーズのステートメント出力jsの出力方法にはどのようなものがあるのでしょうか?コンテンツを出力する 4 つの方法 (コード例)

console 一連のステートメントでは、ブラウザのコンソール (通常、開いて表示するには F12 キーを使用します) に出力する必要があるコンテンツを記述し、開発中によく使用されるコンソールにコンテンツを出力できます。

コンソールにログを表示する

console.log();

コンソールに警告を表示する

console.warn();

エラーが発生すると、コンソールにエラーが表示されます

console.error();

コード例:

<script type="text/javascript">
    console.log(&#39;控制台.日志()&#39;);
    console.warn(&#39;控制台.警告()&#39;);
    console.error(&#39;控制台.错误()&#39;);
</script>

効果画像:


方法 4: js innerHTML ステートメントの出力jsの出力方法にはどのようなものがあるのでしょうか?コンテンツを出力する 4 つの方法 (コード例)

innerHTML属性 : テーブル行の開始タグと終了タグの間に HTML を設定または返すことができます。

基本構文:

HTMLElementObject.innerHTML=text

HTMLElementObject: コンテンツを出力する必要があるノード要素

text: 出力する必要があるコンテンツ

コード例:

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>通过innerHTML方法向页面元素中输出内容</title>
</head>
<script>
function changeContent() {
document.getElementById("demo").innerHTML = "通过innerHTML方法向页面输出了内容";
}
</script>

<body>
<h1 id="demo">我是一个标题</h1>
<button type="button" onclick="changeContent()">更改内容</button>
</body>

</html>

レンダリング:


概要: 上記は、この記事で紹介されている 4 つの JS 出力メソッドであり、それぞれに独自のものがあります。特徴 自分で試して理解を深めることができ、状況やニーズに応じて出力方法を使い分けることができます。皆様の学習にお役に立てれば幸いです。その他の関連チュートリアルについては、jsの出力方法にはどのようなものがあるのでしょうか?コンテンツを出力する 4 つの方法 (コード例)JavaScript ビデオ チュートリアル

jQuery ビデオ チュートリアルbootstrap チュートリアルをご覧ください。

以上がjsの出力方法にはどのようなものがあるのでしょうか?コンテンツを出力する 4 つの方法 (コード例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。