js实现浏览器窗口大小被改变时触发事件的方法
作者：柯乐义
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了js实现浏览器窗口大小被改变时触发事件的方法,实例分析了window.onresize方法的使用技巧,需要的朋友可以参考下
本文实例讲述了js实现浏览器窗口大小被改变时触发事件的方法。分享给大家供大家参考。具体分析如下：
当浏览器的窗口大小被改变时触发的事件window.onresize
为事件指定代码：
代码如下:window.onresize = function(){
浏览器可见区域信息：
代码如下:&span id="info_jb51_net"&请改变浏览器窗口大小&/span&
window.onresize = function(){
document.getElementById("info_jb51_net").innerHTML="宽度："+document.documentElement.clientWidth+"，高度："+document.documentElement.clientH
}&/script&
PS：这里再为大家提供一个关于JS事件的在线工具，归纳总结了JS常用的事件类型与函数功能：
javascript事件与功能说明大全：
希望本文所述对大家的javascript程序设计有所帮助。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具浅谈javascript属性onresize
投稿：hebedich
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了浅谈javascript属性onresize的详细使用方法，十分的实用，这里推荐给大家，有需要的小伙伴可以参考下。
浅谈javascript属性onresize
//获取屏幕宽度并动态赋值
var winWidth = 0;
var winHeight = 0;
function findDimensions() //函数：获取尺寸
//获取窗口宽度
if (window.innerWidth)
winWidth = window.innerW
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientW
//获取窗口高度
if (window.innerHeight)
winHeight = window.innerH
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientH
//通过深入Document内部对body进行检测，获取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
winHeight = document.documentElement.clientH
winWidth = document.documentElement.clientW
//结果输出至两个文本框
$("body").height(winHeight)
$("body").width(winWidth)
findDimensions();
//调用函数，获取数值
window.onresize=findD
只有我要对屏幕大小进行操作的时候才想起原来还有个对屏幕操作的属性
onresize 事件会在窗口或框架被调整大小时发生。
以上所述就是本文的全部内容了，希望大家能够喜欢。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具}