覆盖body的onresize和onscroll函数【转】

最新推荐文章于 2024-07-08 10:04:44 发布
最新推荐文章于 2024-07-08 10:04:44 发布
阅读量132 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/Godblessyou/archive/2010/07/17/1779624.html
版权

【正文】 与body页面相关的javascript函数，onload当页面加载完毕后触发，onresize当页面的大小改变时触发，onscroll当滚动条滚动时触发，在实际的使用中，不希望在body处添加多个触发函数，所以希望能够使用javascript覆盖，写法如下：

<SCRIPT language=javascript>
<!--
function load_func(){
  window.onresize=func();
  window.onscroll=func();//func()为需要调用的函数
}
//-->
</SCRIPT>

<body onload="load_func()">

这样在body的定义处仅仅使用onload函数调用load_func()然后覆盖body的其他页面事件，在IE中，可以正常使用，但是在Firefox中却没有起到效果，查了很久，以为这个覆盖对于Firefox来讲是不可以实现的，但是偶尔发现一个覆盖代码在FF中可以执行，仔细查看才发现，原来，覆盖的写法不同，比较一下两者的不同：

window.onresize=func();//仅支持IE

window.onresize=func;//支持IE和FF

在Javascript中调用函数一般是以函数名＋括号表示，但是这里仅仅用函数名来指向定义的函数，使用加上括号的反而不支持了。具体的原因还不知道，以后在使用的过程中需要注意才行。

 

 

本文来自：Jedliu.cublog.cn

转载于:https://www.cnblogs.com/Godblessyou/archive/2010/07/17/1779624.html

weixin_33807284
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
利用 onresize 事件，实现页面大小随浏览器窗口变化
Sun_blog
12-14 3504
利用 onresize 事件，实现页面大小随浏览器窗口变化
js动态添加onload、onresize、onscroll事件(另类方法)
10-27
window 的 onload、onresize、onscroll 事件，跟其他的事件不一样，它不能用 attachEvent 或 addEventListener 来添加于是本人想了一些另类的方法，需要了解的朋友可以参考下
document.body onresize
kuwoleft
10-08 102
document.body没有onresize()方法，window对象才有onresize() 方法, 但可以在&lt;body&gt;标签中写onresize属性，如： &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt; &lt;title&
js 批量覆盖元素的原样式
全易
02-01 645
div.style.cssText = “color:white; background-color:green;”; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> &...
onresize、ResizeObserver 监听浏览器宽高变化和元素宽高变化在Vue、react中使用
hello，是翠花呀
09-26 7513
onresize onresize 事件会在窗口或框架被调整大小时发生。当需要对窗口大小变化做监听时，可以使用。例如我们需要在窗口大小改变的时候改变某个元素的宽高或者执行某个函数。 <body onresize="resizeFun()"> window.onresize = function() { // SomeJavaScriptCode }; 除了 body 标签，其...
浅谈javascript属性onresize
10-24
主要介绍了浅谈javascript属性onresize的详细使用方法，十分的实用，这里推荐给大家，有需要的小伙伴可以参考下。
Vue项目自动转换 px 为 rem的实现方法
10-17
这个函数会根据屏幕宽度动态调整根元素的`font-size`，从而改变所有使用rem单位的元素的大小。这里设置了一个基准大小（例如32px），并根据屏幕宽度与750px的比例计算`font-size`。 ```javascript // rem.js ...
利用onresize使得div可以随着屏幕大小而自适应的代码
09-05
2. 在`<body>`标签中添加`onresize`和`onload`事件监听器。`onload`事件会在页面完全加载后触发，而`onresize`则会在浏览器窗口大小改变时触发。 ```html <body bgcolor="#666666" onresize="test()" onload=...
window.onresize监听div和屏幕的改变
热门推荐
zww学习笔记
08-12 3万+
监听屏幕的改变：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=
onresize事件
peizhiinfo
11-23 928
onresize的定义方式 一、直接在html中定义 如&lt;body onresize="doResize()"/&gt; 二、直接给onresize赋值 可以给window和body的onresize赋值 如window.onresize=function(){},document.body.onresize=function(){} 三、使用事件监听 只对window...
js 在方法中调用 resize 方法
weixin_42879346的博客
04-15 8743
简介 先介绍一下 遇到的问题，在项目中 引入了 v-charts 进行绘图，但是 由于使用的 基于 vue 的单页面应用，在将菜单 隐藏或打开的时候，不能触发 window.resize 方法，导致 绘制的图形 发生了偏移，目前需要的步骤就是 在让 菜单 打开或者隐藏的时候，手动触发一次 resize 方法，让v-charts 图形 自适应。 介绍 在网上查找资料的时候，遇到了两种方法， 直接...
关于在窗口或框架被调整大小时发生的onresize 事件的使用总结
weimeixiehou的博客
05-26 1309
关于在窗口或框架被调整大小时发生的onresize 事件的使用总结
fragmnt被覆盖和跳转其他activity的时候，onHiddenChanged方法没有调用
sinat_26761191的博客
07-04 5537
问题描述，我有一个app，首页一个activity  和4个按钮可以切换fragment，切换方式是hide和show，我在fragment中有一个onHiddenChanged(hidden: Boolean)是为了在fragment可见的时候做出一些操作，但是在fragment被覆盖和跳转一个activity再回到fragment的时候，并没有调用这个方法，这就让我很郁闷，我在跳转的那个界面做...
vue-使用Worker实现多标签页共享一个WebSocket
最新发布
qq_43548590的博客
07-08 1105
最近有一个需求，需要实现用户系统消息时时提醒功能。第一时间就是想用WebSocket进行长连接。但是前端项目点击跳转需要打开新的标签页。这个时间就会出现新的标签页打开会把老的WebSocket连接挤掉。然后就想到了去共享一个WebSocket连接。就能实现多个标签页消息共享了。
Vue 3集成krpano 全景图展示
Mr丶GUO
07-06 419
Vue 3集成krpano 全景图展示，需要借助官方工具进行制作注意事项：vue@cli3没有static，需要放在public目录下。
window.onresize和resize
04-29
`window.onresize` 和 `resize` 事件...相比之下，使用 `addEventListener` 方法添加事件处理函数可以多次添加不同的处理函数，而使用 `onresize` 属性只能设置一个处理函数，并且最后设置的函数会覆盖之前设置的函数。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值