同一元素,不同浏览器获取的offsetheight不一样

2024-11-09

offsetHeight在不同的浏览器下取值不同

今天在调js的时候,发现firefox和IE在取document.body.offsetHeight的值的时候结果不一样.上网查了一下,发现如下结果: 这四种浏览器分别为IE(Internet Explorer).NS(Netscape).Opera.FF(FireFox). clientHeight大家对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关.

获取元素在浏览器中的绝对位置（从jquery1.8中抠出来）

js获取页面元素距离浏览器工作区顶端的距离

先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome) 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) (javascript) document.documentElement.scrollTop //firefox (javascript) document.documentElement.scrollLeft //firefox (javascript) document.body.scr

JQuery 获取元素到浏览器可视窗口边缘的距离

获取元素到浏览器可视窗口边缘的距离 by:授客 QQ:1033553122 1. 测试环境 JQuery-3.2.1.min.js 下载地址: https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js Bootstrap-3.3.7-dist 下载地址: https://gitee.com/ishouke/front_end_plugin/blob/master/bootstrap-3.3.7.zip

让html元素随浏览器的大小自适应垂直居中

转自:http://www.cnblogs.com/linjiqin/archive/2011/06/15/2081362.html 表格可以实现td中的元素垂直居中显示,但是前提条件必须定义td的高才可行.但是很多时候会用到元素跟随浏览器的大小垂直居中,如在制作展示官网.活动展示网等等的时候. 问题:实现div垂直居中并在缩放浏览器尺寸的时候仍然居中. 解决方案:1.浏览器可视区域的高度-元素的高度/2 = 元素距离浏览器可视区域顶部的距离.(bodyHeight – divHeight)/2

Selenium系列之--02 不同浏览器获取Xpath的方法

一.Chrome浏览器 1.1 获取XPath 1. 使用浏览器打开需测试的网址,然后点击[F12]按钮,打开开发者调试工具: 2. 点击开发者工具中第一行的第一个对话框Elements,这时就看到了网页的源代码. 3. 接下来找到要定位的元素,在列表上点击右键,Copy--->“Copy Xpath”,就获取到对应的Xpath 了 1.2 验证XPath和CSS路径 console:使用chrome打开要测试的网站,按下F12打开开发者调试工具,console就嵌套在调试工具里 1. [

第14.4节使用IE浏览器获取网站访问的http信息

上节<第14.3节使用google浏览器获取网站访问的http信息>中介绍了使用Google浏览器怎么获取网站访问的http相关报文信息,本节介绍IE浏览器中怎么获取相关信息.以上节为基础,部分http相关知识在此不再介绍. 步骤1:登录网站并打开准备获取信息的网页步骤2:在网页上按F12或选择对应内容后鼠标右键选择检查元素(如下图) 打开开发者工具并点击下图左上角蓝色标记的"启用网络流量捕获"的按钮开始捕获网页的网络报文: 回到网页访问窗口刷新页面再回到开发者工具窗口

-webkit-appearance改变任何元素的浏览器默认风格

前段时间,公司有个紧急发布会,需要在移动端做一个邀请函的页面.但是在实现下拉框的时候,IOS和安卓展示的效果总是不一样.经过我一番查找,偶然间发现了-webkit-appearance这个样式属性.后来仔细研究了一下,现在和大家分享一下. 先来介绍一下这个属性: appearance:来改变任何元素的浏览器默认风格,简单的说,你可以使用“appearance”属性将“段落p”渲染成button的风格,也可以渲染成“输入框”.“选择框”等效果.怎么样,光看到这里就感觉到够牛逼了吧. 接下来看看用法

HTML5根据浏览器获取经度和纬度（百度API）

网页获取用户位置信息的办法1 调用百度地图的地图标注功能,通过百度地图API获取对应的经度和纬度进而获取地区信息优点是比较准确,缺点是需要用户自己选择位置2 通过H5 geolocation属性获取经度和纬度,优点是用户只需要点击允许获取即可,缺点是浏览器获取的经度相对不是很准确而且仍旧需要用户确认.3 通过用户IP来分析用户位置(待后续研究) 下面是第二种方法的代码实现 <!DOCTYPE html> <html> <head> <meta charset=&

从IE浏览器获取当前页面的内容

从IE浏览器获取当前页面内容可能有多种方式,今天我所介绍的是其中一种方法.基本原理:当鼠标点击当前IE页面时,获取鼠标的坐标位置,根据鼠标位置获取当前页面的句柄,然后根据句柄,调用win32的东西进而获取页面内容.具体代码: private void timer1_Tick(object sender, EventArgs e) { lock (currentLock) { System.Drawing.Point MousePoint = System.Windows.Forms.Form.M

html5--4-3 source元素-解决浏览器的兼容

html5--4-3 source元素-解决浏览器的兼容学习要点掌握source元素的用法 source元素-解决浏览器额兼容 HTML5 中新增的元素 video和audio元素的子元素,可指定多个文件来源,用来解决浏览器的兼容问题如果使用了source元素,则不可以在video和audio中设置src属性实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT

使用selenium和phantomJS浏览器获取网页内容的小演示

# 使用selenium和phantomJS浏览器获取网页内容的小演示 # 导入包 from selenium import webdriver # 使用selenium库里的webdriver方法调用PhantomJS浏览器实例一个浏览器的操作对象 # 括号里的参数为PhantomJS浏览器在电脑里的绝对路径,这里已经添加了环境变量,所以可以省略 web = webdriver.PhantomJS() #web = webdriver.PhantomJS(executable_path="./

浏览器获取自定义响应头response-headers

原创作品版权归属本人所有,违者必究 https://blog.csdn.net/qq_37025445/article/details/82888731想在浏览器获取响应头里面自定义的响应头:filename, 需要在请求头和响应头都要加上: 'Access-Control-Expose-Headers':'filename'请求: 响应: 这里面就有对应的 Access-Control-Expose-Headers 这样在浏览器就能得到filename这个值: ----------------

找到你的位置（JS在页面中的位置）最常用的方式是在页面中head部分放置<script>元素，浏览器解析head部分就会执行这个代码，然后才解析页面的其余部分

找到你的位置(JS在页面中的位置) 我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分. 放在<head>部分最常用的方式是在页面中head部分放置<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分. 放在<body>部分 JavaScript代码在网页读取到该语句的时候就会执行. 注意: javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释ht

第14.5节利用浏览器获取的http信息构造Python网页访问的http请求头

一. 引言在<第14.3节使用google浏览器获取网站访问的http信息>和<第14.4节使用IE浏览器获取网站访问的http信息>中介绍了使用Google浏览器和IE浏览器怎么获取网站访问的http相关报文信息,本节介绍利用获取的信息怎么在Python应用中构建http访问报文头.本节介绍的获取信息以Google浏览器获取的http信息为准,相当于应用访问网站是模拟谷歌浏览器进行访问,IE的原理一样,大家可以自行处理. 二. 从浏览器中获取到http请求报文的报文头信息

jquery 获取元素在浏览器中的绝对位置

代码详解 1,获取对象(自定义调整打开新窗口参照元素) var obj = $("#oButton"); 实例中我获取的对象是弹出窗口按钮,这样创建的新窗口就会根椐按钮的位置进行调整,实例中将创建的新窗口显示的按钮的右下角. 2,获取对象元素的位置(offset()方法) var offset = obj.offset(); 获取对象元素的位置,分别是元素的top和left,调用方法是:offset.left和offset.top,可知当前对象的左部和顶部位置. 3,获取对象元素的宽度

Python_Selenium之basepage 识别元素、浏览器操作、获取属性、鼠标事件、键盘事件、弹窗、切换frame、切换句柄等封装

#coding=gbkimport osimport timefrom selenium import webdriverfrom selenium.webdriver.common.by import By #导入by方法from selenium.webdriver.support.wait import WebDriverWaitfrom selenium.webdriver.support import expected_conditions as ECfrom selenium.web

获取第上一个兄弟元素屏蔽浏览器的差异（PreviousElementSibling）

//获取element上一个兄弟元素 function getPreviousElementSibling(element){ //能力检测判断是否支持PreviousElementSibling if(element.previousElementSibling){ return element.previousElementSibling; }else{ //获取上一个兄弟节点 var node = element.previousSibling; //如果没有上一个节点,此时null w

获取第下一个兄弟元素屏蔽浏览器的差异（nextElementsibling）

//获取element下一个兄弟元素 function getNextElementSibling(element){ //能力检测判断是否支持nextElementSibling if(element.nextElementSibling){ return element.nextElementSibling; }else{ //获取下一个兄弟节点 var node = element.nextSibling; //如果没有下一个节点,此时null while(node && node

JS浏览器获取宽高

screen.availHeight is the height the browser's window can have if it is maximized. (including all the window decoration of the browser like the status bar, menu bars and title bar) $(window).height() is the height of the viewport that shows the websi

JQuery_处理元素和浏览器的窗口的尺寸

一.jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度(不包括内边距.边框或外边距). height() 方法设置或返回元素的高度(不包括内边距.边框或外边距). <script type="text/javascript" src="jquery-1.12.3.min.js"></script> <script> $(function(){ //alert($("#div

同一元素,不同浏览器获取的offsetheight不一样

热门专题