私は HTML コードを使用しており、警告メッセージまたは警告ボックスを表示したくありません。それが何と呼ばれているのかわかりませんが、「OK」ボタン付きのメッセージです。
ページが読み込まれたときにこのアラートを表示したい。
どうすればいいですか?
そして、アラートボックスのタイトルでこれを行う方法は?
JavaScript は必要ですか? いいえの場合、javascript なしでこれを行うにはどうすればよいですか?
ジョナサン
私は HTML コードを使用しており、警告メッセージまたは警告ボックスを表示したくありません。それが何と呼ばれているのかわかりませんが、「OK」ボタン付きのメッセージです。
ページが読み込まれたときにこのアラートを表示したい。
どうすればいいですか?
そして、アラートボックスのタイトルでこれを行う方法は?
JavaScript は必要ですか? いいえの場合、javascript なしでこれを行うにはどうすればよいですか?
ジョナサン
はい、javascript が必要です。最も簡単な方法は、これを HTML ページの下部に配置することです。
<script type="text/javascript">
alert("Hello world");
</script>
jQuery の ready 関数を使用するなど、より好ましい方法がありますが、この方法は機能します。
ほんの少しの Javascript が必要です。
<script type="text/javascript">
window.onload = function(){
alert("Hi there");
}
</script>
これは、アダムの答えとわずかに異なるだけです。実際の違いは、これはブラウザがページが完全にロードされたと見なしたときにアラートを出すのに対し、Adam のアラートはブラウザ<script>
がテキスト内のタグの一部をスキャンしたときにアラートを出すことです。違いは、たとえば、しばらくの間並行してロードし続ける可能性がある画像です。
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')
}
})
更新: 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>
アラートを作成するには、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>
<script type="text/javascript">
window.alert("My name is George. Welcome!")
</script>
<script>
$(document).ready(function(){
alert('Hi');
});
</script>