jquery监控浏览窗口尺寸变化执行相应的代码

$(window).height(); //浏览器当下窗口可视区域高度

$(document).height(); //浏览器当下窗口文档的高度

$(document.body).height();//浏览器当下窗口文档body的高度

$(document.body).outerHeight(true);//浏览器当下窗口文档body的总高度 包括border padding margin

$(window).width(); //浏览器当下窗口可视区域宽度

$(document).width();//浏览器当下窗口文档对象宽度

$(document.body).width();//浏览器当下窗口文档body的高度

$(document.body).outerWidth(true);//浏览器当下窗口文档body的总宽度 包括border padding margin

$(document).scrollTop(); //获取滚动条到顶部的垂直高度

$(document).scrollLeft(); //获取滚动条到左边的宽度

//窗口大小改变时,执行:

$(window).resize(function(){

//执行代码块

});

---------------------

本文来自 包子源 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/ziwoods/article/details/51217601?utm_source=copy

原文地址:https://www.cnblogs.com/my2018/p/9726914.html

时间: 2024-10-07 04:10:56

jquery监控浏览窗口尺寸变化执行相应的代码的相关文章

jquery监控键盘(回车执行按钮单击事件)

keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘 <input id="gotoPage" type="button" value="回车按钮" onclick="hc()"/> <script> $(document).keydown(function (event) {        if (event.keyCode == 13) {            $(&qu

JQUERY 实现动画完成后执行函数的代码

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> 5 </script> 6 <script> 7 $(document).ready(function(){ 8 $("button").click(function(){ 9 $("

解析jquery获取父窗口的元素

("#父窗口元素ID",window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID"): 取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);类似的,取其它窗口的方法大同小异$(sele

jquery 获取父窗口的元素 父窗口 子窗口

$("#父窗口元素ID",window.parent.document);  对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID"):   取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document); 类似的,取其它窗口的方法大同小异$

jQuery监控文本框事件并作相应处理的方法

本文实例讲述了jQuery监控文本框事件并作相应处理的方法.分享给大家供大家参考.具体如下: //事情委托 $(document)  .on('input propertychange', '#query', function(){   var input = $(this).val();   show(input);  });  var show = function(txt){   var info = '监听:<b>' + txt + '</b><br /><

JQuery html API支持解析执行Javascript脚本功能实现-代码分析

JQuery html用法(功能类似innerHTML) 开发中需要使用Ajax技术来更新页面局部区域, 使用的方法是ajax获取html代码段(字符串),然后将这个html代码段作为参数,传入目标DOM(JQuery对象)的JQuery html接口,此语句执行后, 会将html代码段解释执行, 显示出html代码段描述的页面控件. 例如: <html> <head> <script type="text/javascript" src="./

不同浏览器(chrome,firefox,IE)在JQuery与原生JS之执行性能比较

本次测试所用浏览器为chrome(36.0.1985.125m),firefox(31.0),IE(8.0) 1. 比较JQuery在不同浏览器对于js的执行性能 计算插入20000条div节点所需时间 for(var i=0;i<20000;i++){ var divTag = document.createElement('div'); $("#chn").append(divTag); } Result: 时间单位ms chrome 584 614 593 574 596

在windows命令行窗口下执行:查看所有的端口占用情况

开始--运行--cmd 进入命令提示符 输入netstat -ano 即可看到所有连接的PID 之后在任务管理器中找到这个PID所对应的程序如果任务管理器中没有PID这一项,可以在任务管理器中选"查看"-"选择列" 经常,我们在启动应用的时候发现系统需要的端口被别的程序占用,如何知道谁占有了我们需要的端口,很多人都比较头疼,下面就介绍一种非常简单的方法,希望对大家有用 假如我们需要确定谁占用了我们的9050端口 1.Windows平台 在windows命令行窗口下执

Flex web视频监控浏览端

之前有发过一个这样的博客,不过那个只有视频播放这一块用flash做的,其他部分都是用html,由于上头考虑到要同步这一块,也就是服务端要向页面推送消息,所以就换成全部用flash来做了,虽然现在的网页推送,像DWR和pushlet也是可以的,但是处理起来还是不好整,况且flash有Socket这块,通信就比较简单了.其实也没多少功能,最主要就是视频播放这块,还有布局这块,里面的功能都在之前的博客中有记录,比如树,全屏,布局等等, 下面是部分效果图: Flex web视频监控浏览端