window.onload用法

在编写js的时候，习惯性的将script放在head中，就经常导致出现使用body中的id报错(xxx is not defined)，后来发现window.onload可以解决这个问题。

这里是编写随机十六进制的颜色为例子。

    <script>var color = '0123456789abcdef'var Sj = ''function co() {for (i = 0; i < 6; i++) {var j = parseInt(Math.random() * 17 - 1);Sj = Sj + color[j];}}co();a1.style.background = '#' + Sj;</script>

因为a1是div在body中的id名字，此script在head中，就导致了最后一行代码a1.style.background = '#' + Sj;无法正常运行，会报错a1 is not defined。

尝试修改为以下代码即可正常使用。

        window.onload = function () {a1.style.background = '#' + Sj;}

查阅资料发现，此问题是页面按照顺序加载，先加载了script，然后再加载了带有id的标签，导致了script无法找到正确的id。window.onload可以让页面加载完毕后再执行里面的代码块。

window.onload用法相关推荐

window.onload用法详解
网页中的javaScript脚本代码往往需要在文档加载完成后才能够去执行,否则可能导致无法获取对象的情况,为了避免这种情况的发生,可以使用以下两种方式: 一.将脚本代码放在网页的底端,这样在运行脚本代 ...
汉游天下掼蛋源码window.onload用法技巧
汉游天下掼蛋源码里原文中有这么一段话,描述的有点抽象: JavaScript引擎在执行onmousedown时,由于没有多线程的同步执行,不可能同时去处理刚创建元素的focus 和select方 ...
jquery (js中window.onload与jquery中$(document.ready())的区别)
jquery 学习之一(js中window.onload与jquery中$(document.ready())的区别) 耳听为虚,眼见为实.通过下面的实例可查看两者的异同(注意:aa.jpg最好是一张 ...
window.onload的用法
window.onload: 页面加载完成一,window.onload的用法: 因为页面中的代码一般情况下按照,从上到下,从左到右的顺序执行. 所以当js代码需要获取页面中的元素时,如果scrip ...
Javascrapy的window onload()函数用法
window.onload()通常用于<body>元素,在页面完全加载后(包括图片,css文件等等)执行脚本代码. 详情:https://www.runoob.com/w3cnote/ja ...
window.onload匿名函数中element.onclick正确用法
先看下面有问题的代码: <!DOCTYPE html> <html lang="en"> <head><meta charset=&quo ...
JavaScript中window.open用法实例详解
本文较为详细的分析了JavaScript中window.open用法.分享给大家供大家参考.具体如下: 复制代码代码如下: <script LANGUAGE="javascript& ...
实现map window.onload加载
之前一直是写C/S的,最近转做B/S了,记录一下自己在工作和学习中的JS小技巧,方便自己今后复习和查阅. JS中默认只带array,有时候会需要key-value的map类功能,虽然array也支持a ...
window.onload，body onload=function(), document.onreadystatechange, httpRequest.onreadystatechang
部分内容参考:http://www.aspbc.com/tech/showtech.asp?id=1256 在开发的过程中,经常使用window.onload和body onload两种,很少使用do ...

window.onload用法

window.onload用法相关推荐

最新文章

热门文章