`
tanlingcau
  • 浏览: 138161 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

页面Size

阅读更多
var getPageSize = function () {
    var xScroll, yScroll;
    if (window.innerHeight && window.scrollMaxY) {    
        xScroll = document.body.scrollWidth;
        yScroll = window.innerHeight + window.scrollMaxY;
    } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
        xScroll = document.body.scrollWidth;
        yScroll = document.body.scrollHeight;
    } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
        xScroll = document.body.offsetWidth;
        yScroll = document.body.offsetHeight;
    }
    var windowWidth, windowHeight;
    if (self.innerHeight) {    // all except Explorer
        windowWidth = self.innerWidth;
        windowHeight = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
        windowWidth = document.documentElement.clientWidth;
        windowHeight = document.documentElement.clientHeight;
    } else if (document.body) { // other Explorers
        windowWidth = document.body.clientWidth;
        windowHeight = document.body.clientHeight;
    }
    // for small pages with total height less then height of the viewport
    if(yScroll < windowHeight){
        pageHeight = windowHeight;
    } else { 
        pageHeight = yScroll;
    }
    // for small pages with total width less then width of the viewport
    if(xScroll < windowWidth){    
        pageWidth = windowWidth;
    } else {
        pageWidth = xScroll;
    }
    return { pWidth:pageWidth, pHeight:pageHeight, wWidth:windowWidth, wHeight:windowHeight };
}
分享到:
评论

相关推荐

    JSP 登录跳转页面

    该页面的样式使用 CSS 定义,包括 font-size、font-weight 等属性。该页面还使用了表单元素,包括文本输入框、密码输入框和提交按钮。 判断 Check 页面 判断 Check 页面是用于验证用户登录信息的页面。该页面是...

    文本框size&maxlength区别

    例如,在设计一个电话号码输入框时,可能希望它在页面上显示15个字符的宽度(`size="15"`),同时限制用户最多只能输入11位数字(`maxlength="11"`)。这样,用户既可以清晰地看到他们正在输入的内容,又不会超出...

    Folder Size 查看 文件夹 大小

    3. 淘宝热卖.url:这是一个快捷方式文件,指向淘宝网站的某个页面,可能是推广相关产品的链接。 4. 河源下载站-cngr.cn.url:这也是一个快捷方式,指向名为“河源下载站”的网站,可能是在该网站上找到并下载的...

    shopify size chart

    该页面的手柄(handle)应该命名为`size-chart`。 2. **添加显示按钮**:在产品的模板文件`sections/product-template.liquid`中,需要添加一段代码来创建一个显示尺码表的按钮。这段代码位于`add to cart`按钮...

    操作系统页面置换算法

    操作系统中的页面置换算法是解决内存资源有限而程序需求无限这一矛盾的重要策略。在现代计算机系统中,由于物理内存(RAM)通常小于虚拟内存(硬盘上的交换空间),因此无法将所有进程的所有数据都存储在内存中。这...

    backgroundsize.htc

    首先,`.htc`文件的使用会增加页面加载时间,影响性能。其次,它依赖于JavaScript的禁用情况,如果用户禁用了JavaScript,那么这个解决方案可能就无法生效。最后,这种方法仅适用于IE浏览器,对于其他浏览器并无作用...

    页面置换算法(先进先出,最佳,最近最久,最久)

    页面置换算法课设 private void FIFO_button1_Click(object sender, EventArgs e) { if (page.Length == 0 || strsize.Length == 0) MessageBox.Show("输入得页面序列或物理块数不能为空", "提示", ...

    vue写h5页面的方法总结

    在当今Web开发领域,Vue.js已成为构建单页应用(SPA)的强大工具,而H5页面则因其跨平台特性而广泛应用于移动端。Vue编写H5页面的方法不仅能够带来开发效率的提升,还能通过现代前端技术实现优秀的用户体验。下面...

    页面存储管理------FIFO页面淘汰算法

    if (memory.size() == frame_count) { memory.pop_front(); } memory.push_back({page_number, ++timestamp}); frame_table[page_number] = memory.back(); } // 其他操作,如获取页面状态等 private: std...

    页面置换算法 OPT FIFO LRU

    根据提供的信息,我们可以详细探讨页面置换算法中的三种主要方法:最优置换算法(OPT)、先进先出(FIFO)以及最近最少使用(LRU)算法。这些算法在计算机内存管理中至关重要,尤其是在虚拟内存系统中,用于决定何时将哪些...

    Web网页登录页面设计

    在Web开发领域,一个吸引人的、功能完善的登录页面是网站用户体验的重要组成部分。本文将深入探讨如何使用HTML和CSS这两种核心技术来设计一个静态的登录页面,同时也会提及到页面设计中的关键要素,包括布局、样式、...

    酷炫浪漫表白页面(附代码)

    【酷炫浪漫表白页面(附代码)】是一个专为情人节或表白场合设计的网页模板,其特点是具有高度的个性化和可定制性。这个项目的核心在于它的代码,它允许用户根据自己的喜好和需求来修改和调整网页的设计元素,以创造...

    淘宝页面最新版(HTML+CSS).zip

    font-size: 18px; } .product-list { display: flex; flex-wrap: wrap; } ``` 这段CSS为ID为"header"的元素设置了背景色和字体大小,并定义了一个类为"product-list"的元素以实现弹性盒模型的布局。 在"java ...

    addsizes 页面链接显示文件的大小

    在网页设计中,"addsizes 页面链接显示文件的大小"是一个功能,允许用户在点击链接前预先知道目标文件的大小。这种功能对于大型文件尤其有用,因为它可以帮助用户判断是否值得下载,或者他们是否有足够的存储空间来...

    html+css 登录页面

    比如,使用`background-color`改变背景色,`font-family`和`font-size`调整字体,`margin`和`padding`控制元素间的距离,`border-radius`实现圆角效果,以及使用`box-shadow`添加阴影效果。此外,CSS还可以实现响应...

    js实现页面加载完毕之前loading提示效果

    font-size: 16px; color: #333; } 页面加载中,请稍后... &lt;!-- 其他页面内容 --&gt; ``` 接下来,我们需要使用JavaScript来监听页面的加载事件。在JavaScript中,我们可以使用`window.onload`或`...

    先进先出页面置换算法

    程序首先定义了一些常量,如最大页面数`Max`和物理块数`size`。`Init`函数用于初始化`Block`数组,将所有物理块标记为未分配。`creat`函数接收页面访问序列并存储在`page`数组中。核心的`FIFO`函数实现了算法逻辑: ...

    网页设计实现三个页面(文字、图片、超链接可以跳转)

    font-size: 16px; } #page2 a { color: blue; } ``` 如果需要更复杂的交互,例如响应式布局或动态效果,可以引入JavaScript库,如jQuery,或者使用现代浏览器支持的原生API。然而,对于初学者,理解基本的HTML和...

    TwoPanels-管理俩个页面间切换的控件.zip

    R.drawable.slider_horizontal)设置slider(左、右页面中间部分的)的图标,分为垂直的和水平的图标setSliderSize(int size)设置slider的宽度switchSliderVisitility();以动画方式切换setBaseOrientation(int ...

    cordova 安卓修改系统字体不影响页面解决方法

    首先,问题的核心在于用户在系统设置中调整字体大小,这会导致Android系统对H5页面中的`body`元素的`font-size`进行相应调整。由于许多H5页面设计中,字体大小通常基于`rem`或`em`单位,而这些单位与根元素(通常是`...

Global site tag (gtag.js) - Google Analytics