在页面加载时运行javascript代码,而不使用onload标记 [英] Running javascript code on page load, without using the onload tag
问题描述
如何在不使用 onload
标记加载页面时运行JavaScript代码?
我'我试图运行这个脚本:
< script type =text / javascript>
function displayLightbox(){
document.getElementById('light')。style.display ='block'; document.getElementById('fade')。style.display ='block'
}
< / script>
显示灯箱。
window.onload = function WindowLoad(event){
警报(页面已加载);
}
编辑:如果其他一些代码也在使用窗口.onload
在该脚本之后,它将被覆盖 - 以确保它被执行(并中止任何其他 onload
)将它放在底部页面。
编辑2:第二个想法,你最好添加 onload listener而不是覆盖它:
< script type =text / javascript>
if(window.addEventListener){// Mozilla,Netscape,Firefox
window.addEventListener('load',WindowLoad,false);
} else if(window.attachEvent){// IE
window.attachEvent('onload',WindowLoad);
}
函数WindowLoad(事件){
alert(另一个onload脚本);
}
< / script>
这样可以防止与现有代码发生任何冲突,并且据我所知,它更像是跨浏览器。
此处提供实时测试用例: http:// jsfiddle针对IE8,Chrome和Firefox(最新版本)测试的.net / yahavbr / GZPTG / 随时可以测试更多。
How can I run a JavaScript code when the page loads without using the onload
tag?
I'm trying to run this script:
<script type="text/javascript">
function displayLightbox() {
document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'
}
</script>
That displays a lightbox.
Like this:
window.onload = function WindowLoad(event) {
alert("Page is loaded");
}
Edit: if some other code is also using window.onload
after that script then it will be "overwritten" - to make sure it's executed (and abort any other onload
) put it in the bottom of the page.
Edit 2: On second thought, you better add onload listener instead of overwriting it:
<script type="text/javascript">
if (window.addEventListener) { // Mozilla, Netscape, Firefox
window.addEventListener('load', WindowLoad, false);
} else if (window.attachEvent) { // IE
window.attachEvent('onload', WindowLoad);
}
function WindowLoad(event) {
alert("Another onload script");
}
</script>
This will prevent any conflicts with existing code and is more cross browser as far as I can tell.
Live test case is available here: http://jsfiddle.net/yahavbr/GZPTG/ tested for IE8, Chrome and Firefox (latest versions) feel free to test for more.
这篇关于在页面加载时运行javascript代码,而不使用onload标记的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!