js 完全分离 window.onload=

js 完全分离  window.onload=

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>TAB菜单</title>
    <script type="text/javascript">

        function test(){
            alert(‘abc‘);
        }
        window.onload= function init() {     //重点
            document.getElementById("div1").onclick=test;
        }
    </script>
</head>
<body>    <!--不用 <body  -->
<div id="div1" style="width: 100px; height: 100px; border: 1px solid #ccc;"></div>
</body>
</html>
时间: 2024-08-09 15:44:20

js 完全分离 window.onload=的相关文章

js中window.onload 与 jquery中$(document.ready()) 测试

js中window.onload 与 jquery中$(document.ready())区别,验证代码如下(调换js代码和Jquer代码书写顺序测试,运行结果一样,因此与代码书写位置没关系): <html> <head> <script type='text/javascript' src='jquery-1.11.1.min.js'></script> <script type='text/javascript'> $(document).r

js中window.onload与jquery中$(document.ready())的区别

$(document).ready()是在DOM结构载入完后执行的,而window.onload是得在所有文件都加载完后执行的,注意区别,一个是DOM加载完,一个是所有文件加载完 耳听为虚,眼见为实.通过下面的实例可查看两者的异同(注意:aa.jpg最好是一张大容量图片) <html> <head> <script type='text/javascript' src='jquery-1.3.2.min.js'></script> <script ty

$(document).ready() $(window).load 及js的window.onload

1.$(document).ready()  简写为$(function(){}) DOM结构绘制完成执行,而无需等到图片或其他媒体下载完毕. 2.$(window).load  在有时候确实我们有需要等到页面的所有东西都加载完后再执行时使用 3.window.onload=function(){}  必须等到页面内包括图片的所有元素加载完毕后才能执行 另:defer属性 在脚本中写defer,<script type="text/javascript" defer><

被引用的外部JS存在window.onload时,判断当前页面是否已存在window.onload,并进行相应处理

如果页面a.html引用了b.js,b.js里的方法需要在页面资源加载完成后执行,即在window.onload里执行:这时如果a.html里使用了window.onload方法,b.js就不能重复调用这个方法了,因为window.onload不能同时使用多个,否则后者会覆盖前者.可以用如下方法解决这个问题,即当a.html中已经调用了widow.onload方法,b.js里需要使用widow.onload方法的函数只需要添加在后面就行了,否则,b.js里新调用一次window.onload就行

js中有window.onload和&lt;BODY&gt;中的onload属性同时存在时

情况一,window.onload指定的function是匿名的,则只执行后者,且动作是后者的动作.如: [html] view plain copy<html> <head> <script type="text/javascript"> alert('a'); window.onload=function(){ // alert('b'); } alert('c'); </script> </head> <body

$(document).ready() 、window.onload、body.Onload()、 $(window).load、image.onload的区别

首先说说window和document,直观上来讲,window代表的是浏览器窗口,而document代表的是浏览器窗口中加载的dom元素,进一步说,document是window的一个属性,window是最顶级的对象. 二者有啥区别呢?很好理解,假设现在有一个浏览器,里边加载的页面特别长,已经超出了一屏,当然,肯定会出现滚动条了,这时候,$(window).height()和$(document).height()是不相等的,document的高度肯定要比window的大,因为window窗口

window.onload和window.onscroll

之前我的一个页面里写了引入了2个js,一个是包含置顶的侧面客服,一个是定位导航.2个开始都用了window.onload,发现第一个js的定位导航没有显示,被第2个js覆盖了,当我去掉第2个js的window.onload时,第一个显示出来了.但是第一个的滚动效果还是没有,原因是第2个js文件里置顶也用了window.onload,当我把置顶合并到第一个文件时.所有的特效都正常了. 总结:再一个页面中,只能使用一次onload和onscroll,否则后一个会把前一个覆盖.

window.onload在文档加载完成后执行

验证a .b两点疑惑: a.<script src="./main.js"></script>中的window.onload是在html全部加载完了才执行,还是其在html中所处位置之前的加载完就执行? b. <script src="./main.js"></script>中window.onload有和没有 的区别是什么? 结论: a. answer:在html全部加载完了才执行. b. answer:区别就是,w

07.30《jQuery》——1.2$(document).ready()和window.onload区别

console.time("test"); window.onload = function(){ console.timeEnd("test"); alert('test'); } console.time("test"); $(function(){ console.timeEnd("test"); alert('test'); }) 两种方法单独进行浏览器的运行,比较的结果是jQuery的$(document).read