jquery将标签元素的高设为屏幕的百分比

 更新时间:2017年04月19日 22:43:59   投稿:mdxy-dxy  
这篇文章主要介绍了js将标签元素的高设为屏幕的百分比,需要的朋友可以参考下

html部分:

<body>
<div id="margin_box"></div>
</body>

jquery部分:

<script>
   $(function(){
       var percent =0.15; 
       $("#margin_box").css("height",window.document.body.clientHeight*percent)
   })
</script>

相关文章

  • 关于javascript解决闭包漏洞的一个问题详解

    关于javascript解决闭包漏洞的一个问题详解

    闭包在JavaScript高级程序设计(第3版)中是这样描述:闭包是指有权访问另一个函数作用域中的变量的函数,下面这篇文章主要给大家介绍了关于javascript解决闭包漏洞的一个问题的相关资料,需要的朋友可以参考下
    2022-11-11
  • 详解 javascript中offsetleft属性的用法

    详解 javascript中offsetleft属性的用法

    本章节通过代码实例介绍一下offsetleft属性的用法,需要的朋友可以做一下参考。
    2015-11-11
  • JavaScript中随机数方法 Math.random()

    JavaScript中随机数方法 Math.random()

    这篇文章主要介绍了JavaScript中随机数方法 Math.random(),文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-06-06
  • JavaScript中的JSON转为Python可读取

    JavaScript中的JSON转为Python可读取

    本文主要介绍了JavaScript中的JSON转为Python可读取,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • BootStrapTable服务器分页实例解析

    BootStrapTable服务器分页实例解析

    项目中经常会使用到表格,数据量大的时候还需要进行分页,项目设计阶段,我选择了bootstrapTable的js插件,个人觉得这个框架非常好用,支持服务器端分页,此篇主要写的主要是关于服务器分页,需要的朋友可以参考下
    2016-12-12
  • layui 解决富文本框form表单提交为空的问题

    layui 解决富文本框form表单提交为空的问题

    今天小编就为大家分享一篇layui 解决富文本框form表单提交为空的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • 12个提高JavaScript技能的概念(小结)

    12个提高JavaScript技能的概念(小结)

    这篇文章主要介绍了12个提高JavaScript技能的概念(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • TypeScript接口介绍

    TypeScript接口介绍

    这篇文章主要介绍了TypeScript接口,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。下面我们一起进入文章看看TypeScript接口得具体定义吧,需要的朋友也可以参考一下
    2021-12-12
  • JavaScript 中 this 关键字的作用及改变其上下文的方法

    JavaScript 中 this 关键字的作用及改变其上下文的方法

    这篇文章主要介绍了JavaScript 中 this 关键字的作用和如何改变其上下文,通过使用 call, apply, bind 方法,可以改变函数中的 this 指向,从而在不同的上下文中使用同一个函数,需要的朋友可以参考下
    2023-01-01
  • js实现电梯导航效果的示例代码

    js实现电梯导航效果的示例代码

    这篇文章主要介绍了JavaScript实现电梯导航效果的相关知识,文中通过示例代码介绍的很详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2023-12-12

最新评论