body onload

onload 属性在对象已加载时触发。

onload 常用在中，一旦完全加载所有内容（包括图像、脚本文件、CSS 文件等），就执行一段脚本。如下


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type="text/javascript">function over(obj){obj.style.backgroundColor="blue";obj.style.color="white";}function out(obj){obj.style.backgroundColor="";obj.style.color="";}function win(){p1.style.fontWeight="Bold";//粗体p2.style.fontStyle="Italic";//斜体p3.style.textDecoration="underline";//下划线p4.style.textDecoration="line-through";//删除线}function qs(){p1.style.fontWeight="normal";p2.style.fontStyle="normal";p3.style.textDecoration="none";p4.style.textDecoration="none";}</script>
</head>
<body onload="win();">
<table border="1" cellspacing="0" width="234" height="77"><tr align="center" id="t1" onmousemove="over(this);" onmouseout="out(this);"><td width="52"> </td><td width="65">商品</td><td width="95">价格（元）</td></tr><tr align="center" id="t2" onmousemove="over(this);" onmouseout="out(this);"><td>A 商场</td><td>S 商品</td><td>100</td></tr><tr align="center" id="t3" onmousemove="over(this);" onmouseout="out(this);"><td>B 商场</td><td>S 商品</td><td>80</td></tr>
</table>
<p id="p1">阿帕奇</p>
<p id="p2">阿帕奇</p>
<p id="p3">阿帕奇</p>
<p id="p4">阿帕奇</p>
<p id="p5" onmousemove="qs();">鼠标移到此处撤销 阿帕奇样式</p>
<p id="p6">阿帕奇</p>
</body>
</html>

body onload相关推荐

$(function(){})、$(document).ready(function(){})....../ ready和onload的区别
1.window.onload 当一个文档完全下载到浏览器中时,会触发 window.onload 事件. 这意味着页面上的全部元素对 javascript 而言都是可以访问的,这种情况对编写功能性的 ...
CRM:把 isv.config.xml 按钮事件移动到 entity.onload()
大家都知道在ISV.CONFIG里可以添加按钮,然后添加按钮事件,比如下面: <Entities> <Entity name="account"> ...
jQuery中的页面载入（$()、ready(fn)、onload）
用jQuery进行页面载入时有集中方式,我们通过例子来说明一下: 第一种(通过window.onload()): <!DOCTYPE html> <html><head& ...
DOMContentLoaded 与onload区别以及使用
一.何时触发这两个事件? 1.当 onload 事件触发时,页面上所有的DOM,样式表,脚本,图片,flash都已经加载完成了. 2.当 DOMContentLoaded 事件触发时,仅当DOM加载完 ...
Javascrapy的window onload()函数用法
window.onload()通常用于<body>元素,在页面完全加载后(包括图片,css文件等等)执行脚本代码. 详情:https://www.runoob.com/w3cnote/ja ...
加载多个js onload事件
1.将要加载的内容放到onload事件中 (如果出现多个onload可能会出现函数覆盖) 2.使用 document.attachEvent('onreadystatechange',initJS1) ...
JS 动态添加 onload、onresize、onscroll 事件
window 的 onload.onresize.onscroll 事件,跟其他的事件不一样,它不能用 attachEvent 或 addEventListener 来添加. 也就是说,它只能这样来( ...
一起谈.NET技术，OnLoad与Page_Load的差异分析
记得最开始学习ASP.NET的时候,我们就被告知:Page_Load方法里面可以写页面加载的代码. 于是我们就懵懵懂懂写了很长时间的Page_Load方法.最近回过头思考,为什么一个普通的方法,能被自 ...
window.onload和jquery中$(function(){ })的区别
为什么80%的码农都做不了架构师?>>> 今天调试js发现一个问题,我想页面加载完之后才执行我写的js方法,首先我用jqery中$(function(){ })调试了N久都没有 ...
$(document).ready()和window.onload的区别
来源于: The window.onload event fires when a document is completely downloaded to the browser. This mea ...

body onload

body onload相关推荐

最新文章

热门文章