JavaScriptで値を出力する方法

青灯夜游
リリース: 2023-01-07 11:47:42
オリジナル
3171 人が閲覧しました

値を出力する方法: 1. "window.alert('value')" ステートメントを使用してポップアップ ウィンドウから出力します。 2. "element object.innerHtml="出力値" ステートメントを使用します。 ; 2. "document .write("value")" ステートメントを使用します; 4. "console.log("value")" ステートメントを使用します。 #このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター

JavaScriptで値を出力する方法JavaScript 出力方法

#1. window .alert() ポップアップ警告ボックスを使用します

<script>
window.alert(&#39;警告框&#39;);
</script>
ログイン後にコピー

2. 要素オブジェクトを使用します。.innerHtml="書き込む値"HTML 要素への書き込み

HTML 要素にアクセスするために JavaScript が必要な場合は、 document.getElementById(id) メソッドを使用できます

id ​​属性を使用して、要素を取得または挿入するための HTML 要素と innerHTML コンテンツ: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;p id=&quot;demo&quot; &gt;我的第一个段落&lt;/p&gt; &lt;script&gt; document.getElementById(&quot;demo&quot;).innerHTML=&quot;段落已修改&quot; &lt;/scirpt&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div>

document.getElementById("demo")

は、id 属性を使用して検索する JavaScript コードです。 HTML 要素。このメソッドは HTML DOM で定義されます。

  • innerHTML = "段落が変更されました。" は、HTML コンテンツ (innerHTML) を変更するために使用される JavaScript コードです。

  • 3. document.write()
    メソッドを使用して、コンテンツを HTML ドキュメント

    に書き込みます。
document.write() メソッドを使用してコンテンツを HTML ドキュメントに書き込みます。HTML コンテンツでは、この関数はコンテンツまたは HTML タグを HTML ドキュメントに直接書き込むことができます

<script>
document.write(Date());//Date()输出中国标准时间
</script>
ログイン後にコピー

注: ドキュメントの読み込みが完了した後に document.write が実行される場合 () は HTML ページ全体をカバーします


Sample:
<button type="button" onclick="myFunction">按钮</buton>
<script>
function myFunction(){
document.write(Date());
}
</scipt>
ログイン後にコピー

4。console.log を使用します。 () サーバーのコンソールに書き込みますJavaScriptで値を出力する方法

ブラウザがサポートしている場合は、デバッグの場合、console.log() メソッドを使用してブラウザに JavaScript 値を表示できます。ブラウザで F12 を使用してデバッグ モードを有効にし、デバッグ ウィンドウで [コンソール] メニューをクリックします。 #]

以上がJavaScriptで値を出力する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!