window html 事件,window.onload事件

一、网页中的某些JavaScript脚本代码往往需要在文档加载完成后才能够去执行，否则可能导致无法获取对象的情况，为了避免类似情况的发生，可以使用以下两种方式:

(1).将脚本代码放在网页的底端，运行脚本代码的时候，可以确保要操作的对象已经加载完成。

(2).通过window.onload来执行脚本代码。

每个页面只能使用一次window.onload,而且多次使用的话，只有最后一次绑定的方法可以执行！

二、例子来详解：html>

#hd{

width: 500px;

height: 300px;

background:plum;

margin: 100px auto;

}

//因为页面是从上往下走的(加载),走到script这里还没有"hd"所以页面不显示,(加载不到);

//window页面onload加载完成,意思是说页面加载完毕之后再执行function函数

//需要的时候就加window.onload:需要用js操作body里面的元素的时候,就要写window.onload

window.onload = function(){

//抓到id是hd的元素,然后绑定单击事件单击事件名字用onclick function函数就是处理程序

//(onclick)单击这个("hd")元素,执行function()这个函数

document.getElementById("hd").onclick = function(){

alert('这样可以了吧？');

}

window html 事件,window.onload事件相关推荐

jquery中DOM加载事件，onload事件和ready事件
全栈工程师开发手册 (作者:栾鹏) jquery系列教程4-事件操作全解 jquery中DOM加载事件 jquery中的DOM加载事件分为onload事件和ready事件.,具体功能如代码中注释. 代 ...
jsonready onload 与_onload事件，onload事件是什么意思
执行一次.functionaddLoadEvent(func){ varoldοnlοad=window.onload; if(typeofwindow.onload!zhidao='function ...
domContentLoaded事件和onload事件
//onload事件是所有标签图片样式及脚本加载完成时触发 window.onload=function(){var span=document.querySelector("spa ...
JS中onfocus()事件，onblur()事件，onload()事件
1. onfocus 事件在对象获得焦点时发生. 实例: <html> <head> <script type="text/javascript"&g ...
html onload状态事件,HTML onload事件用法及代码示例
当对象被加载时,HTML中的DOM onload事件发生. onload事件主要在元素中使用 onload事件可用于检查浏览器类型和浏览器版本,并根据该信息加载网页的版本. onload事件也可以用 ...
window的onload事件和domcontentloaded
window的onload事件和domcontentloaded window.onload: 当一个资源及其依赖资源已完成加载时,将触发onload事件. <!DOCTYPE html> ...
前台JS事件与服务器事件的执行顺序
(1)页面加载: 服务器端Page_Load------>前台js的onload事件 (2)服务器端控件(假如是按钮控件) 前台的js事件----->服务器端Page_Load-----& ...
window的onload事件的用法
1.最简单的用法注:奇葩,我没用过 2.在JS语句调用(正确使用姿势) 或使用jquery onload 事件会在页面或图像加载完成后立即发生. 3.window.onload()的加载问题由于H ...
为您解惑：window下的onload事件。
前言:在网页加载完毕时会触发一个onload事件,即window.οnlοad="": 1.如果把他们函数逐一绑定到onload事件上,他们中只有最后一个才会被执行,如下: win ...
window.onunload和window.onbeforeunload事件
window.onunload和window.onbeforeunload事件两事件的相同点 onunload,onbeforeunload都是在刷新或关闭时调用. 不同点 a)onbeforeun ...

window html 事件,window.onload事件

window html 事件,window.onload事件相关推荐

最新文章

热门文章