web-dev-qa-db-ja.com

HTML-ページ読み込み時の警告ボックス

hTMLコードを使用していて、警告メッセージや警告ボックスを表示したくないのですが、何と呼ばれているのかわかりませんが、「OK」ボタンの付いたメッセージです。

ページが読み込まれたときにこのアラートを表示します。

どうすればよいですか？

そして、警告ボックスのタイトルでこれを行うにはどうすればよいですか？

JavaScriptは必要ですか？いいえの場合、JavaScriptなしでこれを行う方法？

ジョナサン

javascripthtmlalertmessagebox
6
Jonathan Gurebo

はい、JavaScriptが必要です。最も簡単な方法は、これをHTMLページの下部に配置することです。

<script type="text/javascript">
alert("Hello world");
</script>

JQueryのready関数を使用するような、より好ましいメソッドがありますが、このメソッドは機能します。

16
Adam Plocher

さまざまな方法を使用できます。1つは、上記のソリューションのように、スクリプトまたは本体からの単純な関数呼び出しでJavaScriptのwindow.onload関数を使用します。jQueryを使用してこれを行うこともできますが、JavaScriptを変更しただけです。貼り付けてヘッダーにJqueryを追加するだけです

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

ヘッドセクションに追加し、DOMの準備ができたときにアラートを表示する別のスクリプトタグを開きます。

<script>
    $("document").ready( function () {
        alert("Hello, world");
    }); 
</script>

`

これはJqueryを使用して関数を実行しますが、jQueryはJavascriptフレームワークであるため、Javascriptコードが含まれているため、Javascript警告関数が含まれています。

4
Gash

ほんの少しのJavaScriptが必要です。

<script type="text/javascript">
window.onload = function(){ alert("Hi there"));}
</script>

これは、Adamの回答とわずかに異なります。効果的な違いは、ブラウザーがページが完全に読み込まれたと見なすとアラートが発生するのに対し、Adamはブラウザーがテキストの<script>タグの一部をスキャンするとアラートを発生することです。違いは、たとえば、しばらくの間並行してロードし続ける可能性のあるイメージとの違いです。

3
Charlie Martin

Jqueryui（または別のツールセット）を使用している場合、これがその方法です

http://codepen.io/anon/pen/jeLhJ

html

<div id="hw" title="Empty the recycle bin?">The new way</div>

javascript

$('#hw').dialog({
    close:function(){
        alert('the old way')
    }
})

UPDATE：cdnをポイントしてjqueryuiを含める方法

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.0.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
3
Shanimal

警告を出すには、フッターのJavaScriptコードの下に置くだけです。

<script> 
 $(document).ready(function(){
    alert('Hi');
 });
</script>

Jquery minファイルもロードする必要があります。このスクリプトをヘッダーに挿入してください。

<script type='text/javascript' src='https://code.jquery.com/jquery-1.12.0.min.js'></script>
2
Alpesh
<script type="text/javascript">
    window.alert("My name is George. Welcome!")
</script>
1
vikas awasthi

これを試すことができます。

$(document).ready(function(){      
  alert();
     $('#rep‌​ortVariablesTable tbody').append( '<tr><td>lll</td><td>lll</td></tr>');
});
0
Vi J
<script> 
    $(document).ready(function(){
        alert('Hi');
    });
</script>
0
user5197904