body onload

最新推荐文章于 2022-05-26 16:54:21 发布
最新推荐文章于 2022-05-26 16:54:21 发布
阅读量1.5k 收藏
点赞数
分类专栏： html 文章标签： h5 body onload
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kururunga/article/details/90200116
版权

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>
kururunga
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在网页加载完成后执行——body的onload()
Winter--王大梅
10-26 1万+
一个师哥说过：前台开发，往往一个问题纠结半天，还没有技术含量。对这些真的是深有体会了。还是要多多积累吧。     最近遇到了一个问题：点击datagrid的行，跳转到相应的详情界面，并进行一系列的查询然后将内容返回到页面上。这时，问题就来了。 先说一下一开始我的代码： datagrid行单击事件： $("#dgApply").datagrid({ onClickRow:function
关于JSP中<body onload="fun()">body标签中onload中函数不执行问题
weixin_33772645的博客
08-09 1988
问题描述： 　　在一个页面中，我们经常会初始化一下数据，而且会在指定的DOM元素初始化数据，这时候我们就会使用<body onload="fun()">来加载我们的数据。onload指的是在所有的DOM元素都加载完成才会执行JS函数，这为我们初始化动态的加载数据提供很大的帮助。但是有时候我们会发现，<body onload="fun()">中的fun()函数有时候会不执行...
window.onload与body.onload
weixin_39017846的博客
05-26 935
这两个都是在页面加载后运行。执行顺序和在代码中的位置有关，也和window.onload后面的函数是否匿名有关。 1.如果window.onload是在body里定义的，也就是在body onload下面定义的，则只执行window.onload，不会执行body onload。即遵循“”从上到下依次加载，后者覆盖前者“的原则”。 2.如果window.onload是在head里定义的。就要看等号后面的函数是不是匿名的。 只有非匿名的才会被执行，且两者都执行。按从上到下的顺序，先执行window.on
html body的onload事件详解
s15981924260的专栏
04-08 1万+
浏览器是边加载边执行的，
body元素的onload事件
01-31 1345
我们常常在网页加载完成时执行某些初始化程序，如设置某一div的innerText,获得某一个元素的引用等，通过会有以下的代码 ------------------------------------------------------------------------------------------------------------------------- var o
body标签的onload属性
qq_33048333的博客
01-02 4135
实例： 页面加载之后立即执行一段 JavaScript： html&gt; head&gt; script&gt; function load() { alert(&quot;页面已加载！&quot;); } script&gt; head&gt; body
页面中body onload 和 [removed] 冲突的问题的解决
09-05
这时，`body.onload` 和 `window.onload` 事件就显得尤为重要。然而，当这两个事件同时存在时，可能会出现冲突，导致代码执行顺序混乱或只执行其中一个事件。本文将详细探讨这个问题，并提供解决方案。 `body....
ie中 body onload 和 window onload 解决法案
07-23
在网页开发中，`body.onload` 和 `window.onload` 是两个常见的JavaScript事件处理函数，用于在页面完全加载后执行特定的代码。它们都是用来确保在执行任何操作之前，页面的所有资源（包括HTML、CSS、JavaScript、...
Jqyery中同等与js中windows.onload的应用
10-28
<body onload="onPageLoad()"> ``` 然而，jQuery 提供了一个更为简洁的语法来处理相同的需求，它提供了一个简化的DOM准备就绪(`document ready`)事件，这个事件会在DOM结构加载完成，但不等待所有资源加载（如图片...
JQuery onload、ready概念介绍及使用方法
10-27
在JQuery中，可以链式调用多个`ready`函数，它们会按照添加的顺序依次执行，这比HTML中的`onload`事件更加灵活，避免了`<body onload="...">`的写法，使得代码更加清晰和易于维护。 当涉及到页面关闭时，`$(window)...
body里面的onload和window.onload的区别
weixin_30802273的博客
08-20 403
区别：body里面的onload是在“页面加载完成后执行的动作” window里面的onload是在“页面加载时执行的动作” 例子：在html页面中有一个大图片，想要在图片显示出来后提示一个消息框“图片加载完成”，如果你直接写在JS里function（）{alert（“图片加载完成”）;}因为代码执行顺序是从上到下一次执行，图片还没加载，而函数已经执行那么就不合理了，所以用o...
HTML body onload 事件属性
evilcry2012的专栏
01-09 2403
HTML onload 事件属性 HTML 事件属性 实例 页面加载之后立即执行一段 JavaScript： onload="load()"> 亲自试一试 浏览器支持 IE Firefox Chrome Safari Opera          
body中的onload()函数和jQuery中的document.ready()有什么区别？
dgce56105的博客
06-21 1651
1、我们可以在页面中使用多个document.ready()，但只能使用一次onload()。 2、document.ready()函数在页面DOM元素加载完以后就会被调用，而onload()函数则要在所有的关联资源（包括图像、音频）加载完毕后才会调用。 转载于:https://www.cnblogs.com/ygunoil/p/9210758.html...
javascript 里的 body onLoad调用多个方法
qq_44884203的博客
04-21 695
javascript 里的 body onLoad调用多个方法
body onload 控制窗口大小 html,HTML5 对各个标签的定义与规定：body的介绍
weixin_42332910的博客
06-09 158
HTML5 对各个标签的定义与规定：body的介绍2019年07月25日|萬仟网IT编程 |我要评论本文主要介绍body标签... 12-06-21body元素就是就是html文档的主内容标签。可设置属性onafterprint 在打印文档之后运行脚本onbeforeprint 在文档打印之前运行脚本onbeforeonload 在文档加载之前运...
JavaScript原生系列-页面加载完成之后执行（window onload 和 $().ready(function) 以及 body onload="">）
pcaxb的专栏
09-09 7513
转载请注明预见才能遇见的博客：http://my.csdn.net/ 原文地址：https://blog.csdn.net/pcaxb/article/details/100661841 JavaScript原生系列-页面加载完成之后执行（window.onload 和 $().ready(function) 以及 <body onload="">） 目录 1.原生window...
html 中页面的加载顺序以及window.onload 与body 标签里面的onload事件的对比
《春馨梦》的专栏
03-17 1万+
html 中页面的加载顺序以及window.onload 与body 标签里面的onload事件的对比。 情况一：head 、body 以及body 外面的window.onload采用匿名方法。 onload 的顺序判断 /** * 加载页面 Body */ function loadBody(){ console.log("load
$(document).ready、body.Onload()和 $(window).load的区别
热门推荐
john2522的专栏
08-20 3万+
JavaScript文档加载完成事件 window.load(function(){...})和body.onload()都存在同样一个问题，那都是在页面所有元素(包括html标签以及引用到得所有图片,Flash等媒体)加载完毕后执行的,这是它们的共同点.$(document).ready()是文档结构已经加载完成（不包含图片等非文字媒体文件），不必等到所有的加载完毕。 原理是： $(do
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>显示当前日期</title> </head> <body onload="currenttime()"> <h2 align="center" style="color: blue;">软工22**班***的时间日期对象</h2> <h1 align="center" id="htime" style="color: red;"></h1> <script> function currenttime(){ } </script> </body> </html>添加相应JS 代码，动态的显示当前时间，每秒更新。
最新发布
05-26
<body onload="currenttime()"> ;">软工22**班***的时间日期对象 ;"> function currenttime(){ var date = new Date(); var hours = date.getHours(); var minutes = date.getMinutes(); var seconds = ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值