js实现浏览器窗口大小被改变时触发事件的方法
作者:bea
本文实例讲述了js实现浏览器窗口大小被改变时触发事件的方法。分享给大家供大家参考。具体分析如下: 当浏览器的窗口大小被改变时触发的事件window.onresize 为事件指定代码: 代码如下: window.onresize = function(){ } 例如: 浏览器可见区域信息: 代码如下: <span id="info__net">请改变浏览器窗口大小</span> <script> window.onresize
本文实例讲述了js实现浏览器窗口大小被改变时触发事件的方法。分享给大家供大家参考。具体分析如下:
当浏览器的窗口大小被改变时触发的事件window.onresize
为事件指定代码:
代码如下:
window.onresize = function(){
}
例如:
浏览器可见区域信息:
代码如下:
<span id="info__net">请改变浏览器窗口大小</span>
<script>
window.onresize = function(){
document.getElementById("info__net").innerHTML="宽度:"+document.documentElement.clientWidth+",高度:"+document.documentElement.clientHeight;
}</script>
PS:这里再为大家提供一个关于JS事件的在线工具,归纳总结了JS常用的事件类型与函数功能:
javascript事件与功能说明大全:
http://tools./table/javascript_event
希望本文所述对大家的javascript程序设计有所帮助。
有用 | 无用
当浏览器的窗口大小被改变时触发的事件window.onresize
为事件指定代码:
代码如下:
window.onresize = function(){
}
例如:
浏览器可见区域信息:
代码如下:
<span id="info__net">请改变浏览器窗口大小</span>
<script>
window.onresize = function(){
document.getElementById("info__net").innerHTML="宽度:"+document.documentElement.clientWidth+",高度:"+document.documentElement.clientHeight;
}</script>
PS:这里再为大家提供一个关于JS事件的在线工具,归纳总结了JS常用的事件类型与函数功能:
javascript事件与功能说明大全:
http://tools./table/javascript_event
希望本文所述对大家的javascript程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 浅谈js中变量初始化
- jquery实现submit提交表单
- jQuery实现跨域
- JavaScript错误处理
- js实现右下角提示框的方法
- Node.js中child_process实现多进程
- nodejs 整合kindEditor实现图片上传
- jquery实现增加删除行的方法
- 自定义函数实现IE7与IE8不兼容js中trim函数的问题
- director.js实现前端路由使用实例
- js与jquery回车提交的方法
- JS实现至少包含字母、大小写数字、字符的密码等级的两种方法
- Javascript中call和apply函数的比较和使用实例
- 基于javascript、ajax、memcache和PHP实现的简易在线聊天室
- jQuery内部原理和实现方式浅析
- jQuery中extend函数的实现原理详解
- jQuery中noconflict函数的实现原理分解
- jQuery中的pushStack实现原理和应用实例
- JavaScript闭包详解