首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用jQuery的Javascript DIV样式高度(IE和FF)

您好!您的问题是关于如何在 jQuery 中设置 DIV 的样式高度,以便在 Internet Explorer 和 Firefox 浏览器上正常显示。

以下是一些可能有用的方法:

  1. 使用 jQuery 的 css() 方法来设置 DIV 的高度:
代码语言:javascript
复制
$("div").css("height", "200px");
  1. 使用 jQuery 的 height() 方法来设置 DIV 的高度:
代码语言:javascript
复制
$("div").height("200px");
  1. 如果您需要在不同的浏览器上设置不同的高度,可以使用 jQuery 的 browser 方法来检测当前浏览器,并根据浏览器类型设置不同的高度:
代码语言:javascript
复制
if ($.browser.msie) {
  $("div").css("height", "200px");
} else if ($.browser.mozilla) {
  $("div").css("height", "250px");
} else {
  $("div").css("height", "200px");
}

需要注意的是,jQuery 的 browser 方法在 jQuery 1.9 版本中已经被移除,因此如果您使用的是更高版本的 jQuery,需要使用其他方法来检测浏览器类型。

推荐的腾讯云相关产品:

  • 腾讯云 CVM:腾讯云 CVM 提供了一个可靠的虚拟化服务器环境,可以满足您的服务器运维需求。
  • 腾讯云 COS:腾讯云 COS 提供了一个可靠的云存储服务,可以满足您的存储需求。
  • 腾讯云 CDN:腾讯云 CDN 提供了一个可靠的内容分发网络服务,可以满足您的网络加速需求。
  • 腾讯云 LB:腾讯云 LB 提供了一个可靠的负载均衡服务,可以满足您的服务器负载均衡需求。

推荐的产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JavaScriptJquery获取屏幕宽度高度

在日常项目中经常需要获取屏幕宽度或者高度,简单记录一下: Javascript方法获取: document.body.clientWidth //网页可见区域宽 document.body.clientHeight... //网页被卷去左 window.screenTop //网页正文部分上 window.screenLeft //网页正文部分左 window.screen.height //屏幕分辨率高 window.screen.width... //屏幕分辨率宽 window.screen.availHeight //屏幕可用工作区高度 window.screen.availWidth //屏幕可用工作区宽度 JQuery方法获取: ($(...window).height()); //浏览器当前窗口可视区域高度 ($(document).height()); //浏览器当前窗口文档高度 ($(document.body).height())...;//浏览器当前窗口文档body高度 ($(document.body).outerHeight(true));//浏览器当前窗口文档body高度 包括border padding margin

5.3K00
  • 弹出层之2:JQuery.BlockUI

    JQuery.BlockUI是众多JQuery插件弹出层中一个,它小巧(原版16k,压缩后10左右),容易使用, 功能齐全,支持Iframe,支持Modal,可定制性高也意味他默认谦虚外表。...jQueryBlockUI插件可以让你在使用AJAX时模拟同步行为,锁定浏览器(模式窗口)。当被激活时,它会防止用户活动页面(或页面的一部分),直到它被禁用。...BlockUI添加元素DOM,给它外观阻止用户交互行为。...> 3、样式修改 jQuery blockUI 提供默认样式过于朴素, 可以在每一次调用blockUI() 函数时进行修改....禁用如果你想防止车身高度变化     allowBodyStretch: true,       //遮罩时是否禁用键盘鼠标事件     bindEvents: true,        // be

    3.5K20

    最全CSS浏览器兼容整理

    "600px": "auto" );} 第一个min-width是正常;但第2行width使用Javascript,这只有IE才认得,这也会让你HTML文档不太正规。...FORM标签 这个标签在IE中,将会自动margin一些边距,而在FF中margin则是0,因此,如果想显示一致,所以最好在css中指定margin padding,针对上面两个问题,我css中一般首先都使用这样样式...一个bug) p[id]{}div[id]{} 这个对于IE6.0IE6.0以下版本都隐藏,FFOPera作用.属性选择器子选择器还是有区别的,子选择器范围从形式来说缩小了,属性选择...所以有很多东西出现FFIE显示不一样根本原因在于它们默认显 示不一样,而这个默认样式该如何显示我知道在w3中有没有对应标准来进行规定,因此对于这点也就别去怪罪IE了。...对IE6FF兼容可以考虑以前!

    1.6K31

    【应用】信息短时存储

    因为就是为了给手机电脑之间复制粘贴提供一个介质,所以信息有效时间暂时设为了2分钟,2分钟之后就会清除保存信 前端实现 整体风格 程序使用是bootstrap框架,如果你还没有用过这个前端框架,...alert就可以实现弹窗提示功能,但是各个浏览器弹窗样式都不相同并且也不美观,这里使用jQuery Toaster插件,这里 是github地址。...浏览器中工作并不理想,可能是IE9以下对 @media 支持不太好,所以在js代码中加了一个判断,如果浏览器支持html5一些特性(使用jquery判断)就使用toaster,否则使用alert。...header('Access-Control-Allow-Origin:*'); 前端使用jquery $.ajax 发送ajax请求,在IE10及以上版本中,工作正常,但是IE9及以下版本无法正确访问...索性就在sae上放了一个同样应用首页,如果使用IE9及以下浏览器,可以访问那个页面。

    1.5K30

    Web程序员们,你准备好迎接HTML5了吗?

    这样问题就大了,如果只用宽度高度,正常浏览器里这两个值就不会变,如果只用min-widthmin-height的话,IE下面根本等于没有设置宽度高度。   ...“600px”: “auto” );}    第一个min-width是正常;但第2行width使用Javascript,这只有IE才认得,这也会让你HTML文档不太正规。...FORM标签   这个标签在IE中,将会自动margin一些边距,而在FF中margin则是0,因此,如果想显示一致,所以最好在css中指定margin padding,针对上面两个问题,我css中一般首先都使用这样样式...所以有很多东西出现FFIE显示不一样根本原因在于它们默认显示不一样,而这个默认样式该如何显示我知道在w3中有没有对应标准来进行规定,因此对于这点也就别去怪罪IE了。...对IE6FF兼容可以考虑以前!

    78820

    八种创建等高列布局【出自w3c】

    这种方法实现原则是:任何元素最大高度来撑大其他容器高度。如下图所示: ?...优点: 这种方法是不需要借助其他东西(javascript,背景图等),而是纯CSSHTML实现等高列布局,并且能兼容所有浏览器(包括IE6),并且可以很容易创建任意列数。... 五、使用边框定位模拟列等高 这种方法是使用边框绝对定位来实现一个假高度相等列效果。...缺点: 兼容性不好,在ie6-7无法正常运行。 八、jQueryjavascript大法 最后要给大家介绍使用jQueryjavascript方法来实现多列布局效果。...2、JavaScript方法 上面是jQuery实现方法,接下来看看javaScript实现方法: Html Markup:

    1.3K40

    网页设计中另人头疼浏览器兼容问题

    这样问题就大了,如果只用宽度高度,正常浏览器里这两个值就不会变,如果只用min-widthmin-height的话,IE下面根本等于没有设置宽度高度。   ...“600px”: “auto” );}    第一个min-width是正常;但第2行width使用Javascript,这只有IE才认得,这也会让你HTML文档不太正规。...FORM标签   这个标签在IE中,将会自动margin一些边距,而在FF中margin则是0,因此,如果想显示一致,所以最好在css中指定margin padding,针对上面两个问题,我css中一般首先都使用这样样式...所以有很多东西出现FFIE显示不一样根本原因在于它们默认显示不一样,而这个默认样式该如何显示我知道在w3中有没有对应标准来进行规定,因此对于这点也就别去怪罪IE了。...对IE6FF兼容可以考虑以前!

    1.4K20

    JQuery基础学习

    介绍概述 JQuery是一个快速、简洁JavaScript框架,是继Prototype之后又一个优秀JavaScript代码库(或JavaScript框架)。...它封装JavaScript常用功能代码,提供一种简便JavaScript设计模式,优化HTML文档操作、事件处理、动画设计Ajax交互。...JavaScript框架:本质上就是一些js文件,封装了js原生代码而已 目前jQuery有三个大版本: 1.x:兼容ie678,使用最为广泛,官方只做BUG维护,功能不再新增。...因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4 (2016年5月20日) 2.x:不兼容ie678,很少有人使用,官方只做BUG维护,功能不再新增。...如果不考虑兼容低版本浏览器可以使用2.x,最终版本:2.2.4 (2016年5月20日) 3.x:不兼容ie678,只支持最新浏览器。

    3.7K20

    前端移动web-day05学习笔记

    这个框架就是别人已经写好cssJavaScript,我们要使用它,首先需要把这些样式javascript相关文件下载下来,然后在我们页面中引用这些文件就可以使用这个框架了,直接在这个网站下载,下载地址为...下载之后,会得到一个安装包,我们只需要将安装包中css font js 这三个文件夹放到项目目录即可 下载jquery:由于bootstrap这个框架里面的js代码使用是一个js框架叫做jquery...-- HTML5 shim Respond.js 是为了让 IE8 支持 HTML5 元素媒体查询(media queries)功能 --> <script src="https://cdn.jsdelivr.net...,所有栅格默认是靠左对齐<em>的</em>,但是栅格在排列时也可以往右偏移一段距离,通过偏移<em>的</em><em>样式</em>类就可以了,偏移<em>的</em><em>样式</em>类<em>和</em>栅格一样,也分为四种 1、.col-lg-offset-x x代表1~12<em>的</em>数字,它表示栅格偏移<em>的</em>宽度份数

    2.9K20

    前端开发面试题

    接着,再次使用“+”将IE8IE7、IE6分离开来,这样IE8已经独立识别。...+background-color:#a200ff;/*IE6、7识别*/ _background-color:#1e0bd1;/*IE6识别*/ } * IE下,可以使用获取常规属性方法来获取自定义属性...清除浮动方式 清除浮动是为了清除使用浮动元素产生影响。浮动元素,高度会塌陷,而高度塌陷使我们页面后面的布局不能正常显示。...-- 样式表中CSS媒体查询 --> 包含了一个媒体类型至少一个使用 宽度、高度颜色等媒体属性来限制样式表范围表达式。...有一个高度自适应div,里面有两个div,一个高度100px,希望另一个填满剩下高度。 png、jpg、gif 这些图片格式解释一下,分别什么时候用。有没有了解过webp?

    5.1K52

    第141天:前端开发中浏览器兼容性问题总结(二)

    IE6 默认div高度 问题: ie6默认div高度为一个字体显示高度,所在ie6下div高度大于等于一个字高度,因此在ie6下定义高度为1px容器,显示是一个字体高度 解决: 为这个容器设置下列属性之一...important; height:200px; 7. td高度问题 问题: table中td宽度都不包含border宽度,但是opreaff中td高度包含了border高度 解决:        ...在ie中如果td中没有内容,那么border将不会显示 8. div嵌套p时,出现空白行 问题: div中显示文本,ff、oprea、Chrome:topbottom都会出现空白行,但是在...=this.blur()) } ie ff 都不支持expression 在ie8 、ff中设置为  :focus { outline: none; } 38. css滤镜问题 问题:     ...41. ff、chrome绝对定位无效 问题: 在IE给td设置position:relative,然后给它包含一个容器使用position:absolute进行定位是有效,但在FFChrome下却不可以

    1.9K21

    前端开发面试题总结之——CSS3

    (3)import只在IE 5以上才能识别,而link是XHTML标签,无兼容问题。 (4)link方式样式权重高于@import权重。 (5)使用dom控制样式差别。...当使用javascript控制dom去改变样式时候,只能使用link标签,因为@import不是dom可以控制。 CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算?...cursor; pointer; 在IE中内容会自适应高度,而FF不会自适应高度,怎么办?...在要自适应高度层中加一个层,样式为.clear{clear:both;font-size:0px;height:1px}, 这样解决有一个小小问题,高度会多一个像素。...”>ff ie 下overflow:hidden对其下绝对层position:absolute或者相对层 position:relative无效。

    1K40

    css多浏览常见问题

    .) 2).水平居中. margin: 0 auto;(当然不是万能) 3, 若需给 a 标签内内容加上 样式, 需要设置 display: block;(常见于导航标签) 4, FF IE...这样问题就大了,如果只用宽度高度, 正常浏览器里这两个值就不会变,如果只用min-widthmin-height的话,IE下面根本等于没有设置宽度高度。..."600px": "auto" );} 第一个min-width是正常;但第2行width使用Javascript,这只有IE才认得,这也会让你HTML文档不太正规。...}div[id]{} 这个对于IE6.0IE6.0以下版本都隐藏,FFOPera作用 属性选择器子选择器还是有区别的,子选择器范围从形式来说缩小了,属性选择器范围比较大,如p[id]中,...important 为 FF 特别设置样式 div 垂直居中问题: vertical-align:middle; 将行距增加到整个DIV一样高 line-height:200px; 然后插入文字,

    1.1K30

    Jquery 使用技巧总结

    4、jQuery是跨浏览器,它支持浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。 5、可以很容易jQuery扩展其他功能。...jQuery设计会改变你写JavaScript代码方式,降低你学习使用JS操作网页复杂度,提高网页JS开发效率,无论对于js初学者还是资深专家,jQuery都将是您首选。...如:$("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]这些都是dom对象,可以使用dom中方法,但不能再使用Jquery方法。...对于jquery对象只能使用jquery方法,而dom对象只能使用dom方法,如要获取第三个元素内容。...如: jQuery.noConflict(); // 开始使用jQuery jQuery("div p").hide(); // 使用其他库 $() $("content").style.display

    2.9K20
    领券