|
| <HTML>
<HEAD>
<META http-equiv="Content-type" content="text/html; charset=euc-jp" />
<TITLE>onload イベント</TITLE>
<SCRIPT type="text/javascript">
// *************************************************
// 関数 (1)
// *************************************************
function load_001() {
alert("001");
}
// *************************************************
// 関数 (2)
// *************************************************
function load_002() {
alert("002");
}
// *************************************************
// IE 用
// *************************************************
if (window.attachEvent){
window.attachEvent('onload', load_001);
window.attachEvent('onload', load_002);
}
// *************************************************
// IE 以外
// *************************************************
else {
window.addEventListener('load', load_001, false);
window.addEventListener('load', load_002, false);
}
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
| |
|
IE 2 -> 1
Firefox、Opera 1 -> 2
| <HTML>
<HEAD>
<META http-equiv="Content-type" content="text/html; charset=euc-jp" />
<TITLE>onload イベント</TITLE>
<SCRIPT type="text/javascript">
// *************************************************
// 関数 (1)
// *************************************************
function load_001() {
alert("001");
}
// *************************************************
// 関数 (2)
// *************************************************
function load_002() {
alert("002");
}
// *************************************************
// IE 用
// *************************************************
if (window.attachEvent){
window.attachEvent('onload', load_001);
window.attachEvent('onload', load_002);
window.attachEvent('onload', load_001);
}
// *************************************************
// IE 以外
// *************************************************
else {
window.addEventListener('load', load_001, false);
window.addEventListener('load', load_002, false);
window.addEventListener('load', load_001, false);
}
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
| |
|
|
|
| <BODY>
.
.
.
<SCRIPT type="text/javascript">
// *************************************************
// IE 用
// *************************************************
if (window.attachEvent){
window.attachEvent('onload', load_001);
}
// *************************************************
// Mozilla 用
// 最後の false は、イベントの発生順序。通常は false 以外は指定しません
// *************************************************
else {
window.addEventListener('load', load_001, false);
}
</SCRIPT>
</BODY>
| |
|
| <BODY onLoad='load_001();'>
または、
<SCRIPT language="javascript" type="text/javascript">
window.onload = load_001;
</SCRIPT>
| |
|
|
|
| <HTML>
<HEAD>
<META http-equiv="Content-type" content="text/html; charset=euc-jp" />
<TITLE>onload イベント</TITLE>
<SCRIPT type="text/javascript">
// *************************************************
// 関数 (1)
// *************************************************
function load_001() {
alert("001");
}
// *************************************************
// 関数 (2)
// *************************************************
function load_002() {
alert("002");
}
// 古いイベント記述(1)
window.onload = load_001;
</SCRIPT>
</HEAD>
<!-- 古いイベント記述(2) -->
<BODY onLoad='load_002();'>
</BODY>
</HTML>
| |
|
| <HTML>
<HEAD>
<META http-equiv="Content-type" content="text/html; charset=euc-jp" />
<TITLE>onload イベント</TITLE>
<SCRIPT type="text/javascript">
// *************************************************
// 関数 (1)
// *************************************************
function load_001() {
alert("001");
}
// *************************************************
// 関数 (2)
// *************************************************
function load_002() {
alert("002");
}
// *************************************************
// 関数 (3)
// *************************************************
function load_003() {
alert("003");
}
// 古いイベント記述(1)
window.onload = load_001;
</SCRIPT>
</HEAD>
<!-- 古いイベント記述(2) -->
<BODY onLoad='load_002();'>
</BODY>
</HTML>
<SCRIPT type="text/javascript">
window.onload = load_003;
</SCRIPT>
| |
|
|
|
| <HTML>
<HEAD>
<META http-equiv="Content-type" content="text/html; charset=euc-jp" />
<TITLE>onload イベント</TITLE>
<SCRIPT type="text/javascript">
// *************************************************
// 関数 (1)
// *************************************************
function load_001() {
alert("001");
}
// *************************************************
// 関数 (2)
// *************************************************
function load_002() {
alert("002");
}
// *************************************************
// 関数 (3)
// *************************************************
function load_003() {
alert("003");
}
if (window.attachEvent){
window.attachEvent('onload', load_001);
}
if (window.addEventListener){
window.addEventListener('load', load_001, false);
}
</SCRIPT>
</HEAD>
<BODY onLoad='load_002();'>
</BODY>
</HTML>
<SCRIPT type="text/javascript">
load_003();
</SCRIPT>
| |
|
IE、Opera 3 -> 2 -> 1
Firefox 3 -> 1 -> 2
|
イベントを関数として定義せずに、イベント定義内で記述する |
---|
|
| <HTML>
<HEAD>
<META http-equiv="Content-type" content="text/html; charset=euc-jp" />
<TITLE>onload イベント</TITLE>
<SCRIPT type="text/javascript">
// *************************************************
// IE 用
// *************************************************
if (window.attachEvent){
window.attachEvent('onload',
function() {
alert("001");
}
);
}
// *************************************************
// IE 以外
// *************************************************
else {
window.addEventListener('load',
function() {
alert("001");
},
false
);
}
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
| |
|
|
|