网页设计:document.onLoad的触发时间

设计|网页|网页设计

  昨天在写一个网页特效时,总是提示错误。一直到今天通过一个示例才知道原因。

  我一直认为使用javascript的document.onLoad指定一个函数,跟在Body标签中加入onLoad是一样的不过能过今天的示例发现,document.onLoad并不是在页面加载完成时引发。示例代码如下:(测试环境Win2003 + IE7)

 1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2<html>
 3<head>
 4<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 5<title>无标题文档</title>
 6<script language="JavaScript">
 7function mytest(){
 8    alert(document.getElementById("my2"));
 9}
10document.onLoad = mytest();
11</script>
12</head>
13
14<body>
15<p id="my2">测试内容</p>
16</body>
17</html>

  打开示例中的htm文件时,在页面没有完全显示,即白屏的时侯就弹出提示对话框了。说明mytest在页面没有显示完成时就被调用。

  注释掉document.onLoad这句,然后修改body标签为

<body >

  重新打开页面,此时才是页面加载完成后才调用mytest。不知道什么原因,呵呵。

时间: 2024-12-31 23:26:01

网页设计:document.onLoad的触发时间的相关文章

动态网页设计笔记

动态网页设计笔记    JavaScript.ASP.ASP.Net.JSP笔记   JavaScript ASP.net ASP 1.基本控件的使用6.客户端脚本的基本对象    ***41.常用的Javascript内建类的方法  ***2.让TextArea自动换行3.让TextArea支持Table键4.复制数据到剪贴板5.得到当前选中的文本7.保护自己编写的HTML和脚本的方法8.IE地址栏前换成自己的图标9.可以在收藏夹中显示出你的图标10.关闭输入法11.直接查看源代码12.在Ja

网页教学网推荐:常用网页设计效果代码十五例

设计|网页|网页设计 1.忽视右键 <body oncontextmenu="return false"> 或 <body style="overflow-y:hidden"> 2.加入背景音乐 IE:<bgsound src="*.mid" loop=infinite> NS:<embed src="*.mid" autostart=true hidden=true loop=tru

网页设计实用技术:JS软键盘实现(源码)

js|设计|网页|网页设计     鉴于安全性的考虑,不少网站在登录输入密码时都采用了软键盘,避免一些键盘记录工具和木马对击键的捕捉.项目中也有这个需求,就分享给大家了,贴个效果图上来..有兴趣的朋友可以收藏....如果觉得功能有点庞大,只需要数字小键盘的朋友,可参考代码精简.效果还原:Default.aspx,softkeyboard.js,softkey.CSS三个文件js代码: softkeyboard.js   1window.onload=  2function()  3{  4pas

JavaScript + PHP 应用二:网页设计中树形菜单的动态实现

树形菜单,熟悉Windows程序管理器的读者一定不会陌生.单击项目左侧的+号,项目展开:再次单击,项目收缩.读过很多篇有关树形菜单的JavaScript实现方法,原理很简单,都是利用Style中display属性的控制.笔者本文的重点并不侧重于此,倒是想谈一谈如何实现每一次从数据库中提取数据并动态更新树形菜单. 树形菜单主要用来导航.网站有很多栏目,每个栏目下有很多子栏目,栏目经常变动,如增加新栏目,改变现有栏目名称,调整主次栏目之间关系等等,如果每一次都去改动页面代码,非常不便.而且因为信息都

网页设计综合实例(下)

设计|网页|网页设计 八. 建立切片 我们的基本导航及页面结构已经建立好了,现在到了增加切片的时候了.Fireworks中的切片是输出图形及产生交互的主要参考物件,导出的文档将根据切片来将图形切割成不同的部分,并在浏览器中通过表格组装到一起.同时,所有的交互行为也是通过切片之间的联系来产生的,如翻转图.弹出菜单等等. 1. 我们前面建立的按钮本身已经带有了自己的切片,因此我们需要对其他对象建立各自的切片. 2. 创建切片通常使用工具面板中的Slice工具直接绘制 ,但如果想创建精确大小的切片,我

网页设计中制作Flash站点的技巧

技巧|设计|网页|网页设计|站点 根据Macromedia 顶级Flash设计者,开发者以及可用性专家的建议,我们收集了创建一个具备可用性的Macromedia Flash站点的十大技巧. 这些技巧只是一个开始,我们将继续提供更多的研究,学习与技巧. 1.记住用户的目标 用户往往带着目的访问一个站点,每个链接,每次点击都要合乎他们的经验并且引导他们通向他们的目标.当传输你的页面时,应该让关键的导航链接首先装载--万一用户想转到网站其它的区域.模仿通常的用户图形界面往往可以增加可用性. 2. 记住

2009年最新的十个网页设计新趋势

对于网页设计来说,最近几年的变化特别快,几乎每年都会有新的网页设计趋势产生.在2009年过去的几个月里,网页教学网整理和收集了2009年最新的十个网页设计新趋势. 1. Letterpress 凸版效果 在我们的观察中,一个意料之外的趋势是,凸版效果(Letterpress,也就是我们的篆刻中的阴文效果).这样的趋势,可能是因为一个简单的原因,因为这个技术很少被人使用.我们发现这种技术通过不同的样式应用在不同的网站上,多位在线服务网站. 2. Rich UI 交互式用户界面 令人感到欣喜,现代的

Fireworks 网页设计综合实例-4

设计|网页|网页设计 十二. 创建实时动画Live Aniamation Fireworks4新增了一种实时动画创作方式,这种方式可以快速的创建一个动画符号,生成的动画具有即时编辑性能,及您可以在任意时间修改形成动画的各种元素属性. 1. 在文档左上角新增一个切片,点击工具面板最下方的按钮关闭切片显示[点击旁边的按钮可以打开切片显示]. 2. 在层面板中切换到Logo层,在刚才的左上角位置处输入文字"Karsong". 3. 选择此文字对象,按F8快捷键将其转换为一个动画符号,将其命名

网页设计“新趋势”——滚屏动画

  动画效果正逐步成为网页设计中具有极大影响力的主力军:开发者们把网页变成了他们的试验田,从基础的动画开始,再到如今前卫成熟的技术.以动效驱动的项目如雨后春笋般出现,无疑推动了网页技术的发展,也使开发者有了无尽的渴望,让网页效果更上一层楼.网络正在慢慢成为有趣.精致而有活力的东西. 动画效果正逐步成为网页设计中具有极大影响力的主力军:开发者们把网页变成了他们的试验田,从基础的动画开始,再到如今前卫成熟的技术.以动效驱动的项目如雨后春笋般出现,无疑推动了网页技术的发展,也使开发者有了无尽的渴望,让