<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<!--
This page was created to test the proper methods of getting the height and
width of the document/window across various browsers.
-->
<head>
<title>Dimensions Test</title>
<script type="text/javascript">
var ua = navigator.userAgent.toLowerCase();
var isStrict = document.compatMode == 'CSS1Compat',
isOpera = ua.indexOf('opera') > -1,
isIE = ua.indexOf('msie') > -1,
isSafari = (/webkit|khtml/).test(ua),
isSafari3 = isSafari && (document.evaluate ? true : false);
var getViewportHeight = function(){
var height = window.innerHeight; // Safari
if(isSafari && !isSafari3) return height; // Safari 2
var mode = document.compatMode;
if((mode || isIE) && !isOpera){
height = isStrict ? document.documentElement.clientHeight : document.body.clientHeight;
}
return height;
};
var getViewportWidth = function(){
var width = self.innerWidth; // Safari
if(isSafari && !isSafari3) return width; // Safari 2
var mode = document.compatMode;
if(mode || isIE){
width = (mode == "CSS1Compat") ? document.documentElement.clientWidth : document.body.clientWidth;
}
return width;
};
var getDocumentHeight = function(){
var scrollHeight = isStrict ? document.documentElement.scrollHeight : document.body.scrollHeight;
return Math.max(scrollHeight, getViewportHeight());
};
var getDocumentWidth = function(){
var scrollWidth = isStrict ? document.documentElement.scrollWidth : document.body.scrollWidth;
return Math.max(scrollWidth, getViewportWidth());
};
window.onload = function(){
console.log('view height: ' + getViewportHeight());
console.log('doc height: ' + getDocumentHeight());
var myDiv = document.getElementById('myDiv');
myDiv.style.height = getDocumentHeight() + 'px';
myDiv.style.width = getDocumentWidth() + 'px';
};
</script>
<style type="text/css">
body {
margin: 0;
padding: 0;
}
div#myDiv {
background-color: #e5e;
}
p {
width: 1000px;
position: absolute;
top: 0;
left: 0;
}
</style>
</head>
<body>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam lacus quam, dapibus non, laoreet ac, semper in, augue. Nullam elit elit, suscipit eu, tempor ullamcorper, cursus ut, arcu. Suspendisse non diam. Duis semper urna a lectus rutrum accumsan. Pellentesque sagittis. Nullam scelerisque nisi ut pede. Praesent cursus varius eros. Suspendisse potenti. Ut tempor cursus nisl. In volutpat, lectus lobortis ullamcorper rutrum, massa mi venenatis sapien, eu blandit nunc ipsum non quam. Ut laoreet mauris id metus. Nullam volutpat. Suspendisse potenti. Morbi porttitor mi a nulla. Donec id leo.
Duis luctus aliquet enim. Duis diam. Pellentesque congue, diam nec dapibus suscipit, risus tortor luctus ipsum, eget pretium nulla nisl a odio. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vel nunc. Nunc bibendum, diam id rhoncus rhoncus, tellus mauris faucibus diam, eget posuere ligula magna sit amet enim. Aliquam id purus at justo feugiat facilisis. Nam ultricies ullamcorper pede. Ut auctor. Praesent faucibus. Proin ut magna. Ut vel neque. Mauris malesuada felis. Nulla vehicula ultricies tellus.
Cras vitae tellus. Mauris volutpat, ligula ut condimentum luctus, lectus diam malesuada odio, tincidunt vestibulum ligula felis et est. Aliquam posuere. Mauris adipiscing diam vel eros. Integer vulputate. In tincidunt nisi ut neque placerat consequat. Sed auctor mauris id nisl posuere malesuada. Phasellus gravida, nunc id placerat placerat, sem leo consectetuer odio, vitae sollicitudin tortor lacus sit amet neque. Sed lacus eros, mattis vel, elementum sit amet, rutrum quis, risus. Curabitur ultrices adipiscing erat. Nullam lobortis, magna nec euismod placerat, mauris justo dictum turpis, at ullamcorper augue orci sed velit. Aliquam facilisis dignissim lectus. Vestibulum feugiat dolor at leo. Proin consectetuer, nibh vel posuere fringilla, augue neque aliquam purus, eget faucibus felis enim non diam.
Nullam faucibus, sapien nec mattis ultricies, sapien mauris bibendum tellus, in sodales orci ligula in odio. Vivamus lacus risus, tincidunt eu, accumsan non, tincidunt eu, neque. Quisque ultricies, odio quis pellentesque facilisis, felis odio auctor ante, vel lobortis dolor eros quis mi. Nam venenatis dictum nulla. Duis imperdiet. Ut eros sapien, convallis in, fermentum ac, porta quis, tellus. Ut in erat nec felis iaculis malesuada. Nam vitae pede. Donec a massa. Donec quis elit. Nunc commodo. Phasellus diam ante, dignissim quis, tempor ac, porta a, est. Integer semper. Sed cursus. Nunc feugiat. Proin quis mauris id pede euismod lobortis. Nam et massa. Curabitur consectetuer quam non sapien.
Aenean dictum, ligula eget aliquet dapibus, magna arcu tincidunt arcu, non sodales urna diam nec orci. Ut mi nunc, pharetra et, consequat eget, viverra at, dolor. Nulla tincidunt tristique diam. Curabitur at arcu eget ante dictum elementum. Sed varius bibendum odio. Nunc mi pede, malesuada quis, placerat non, pellentesque in, urna. Fusce ornare elementum nisi. Pellentesque ut sapien vitae lacus luctus iaculis. Suspendisse quam tellus, facilisis ut, porta ut, tristique vel, purus. Integer ultricies lorem. Integer molestie neque sit amet velit ullamcorper euismod. Suspendisse potenti. Quisque lorem dui, varius eu, laoreet ut, tempus sed, dolor.
Sed purus tellus, porta vitae, consectetuer et, ultrices sed, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer rutrum commodo neque. Integer congue turpis nec elit. Praesent malesuada diam placerat diam. Aenean id lorem. Vestibulum et massa id massa auctor dictum. Aliquam tempor. Vestibulum ac velit. Sed ultricies velit eu felis. Quisque tristique. Praesent diam. Vivamus elit ante, consectetuer et, dictum a, suscipit non, eros. Donec sagittis accumsan turpis.
Maecenas leo. Curabitur lacus metus, bibendum id, varius quis, sodales id, erat. Fusce ac nisl. Nam quis dui. Aenean non risus feugiat arcu pharetra blandit. Duis ullamcorper tellus nec justo. Mauris erat. Cras lacinia tortor vel nunc. Nulla facilisi. Nunc ultricies, arcu id dignissim euismod, elit elit lobortis eros, at molestie elit ligula sed leo. Vestibulum molestie, orci ut porttitor scelerisque, nisl urna feugiat libero, eget dictum enim nunc sit amet justo. Ut pede nisi, suscipit id, mattis et, pharetra at, massa. Praesent faucibus lorem nec urna. Phasellus a odio.
Praesent adipiscing, turpis in placerat consectetuer, velit erat vulputate eros, interdum mattis neque lorem eget pede. Morbi tincidunt sagittis nibh. Fusce vel lorem. In dolor ligula, porta ac, eleifend non, mollis nec, mi. In hac habitasse platea dictumst. Aliquam ut arcu quis lorem pretium consectetuer. Etiam sem. Sed vulputate metus quis metus. Cras condimentum, nulla non interdum suscipit, elit magna scelerisque elit, et tempor nunc nibh eget pede. Vivamus mi tellus, hendrerit sit amet, volutpat at, accumsan ac, odio. Praesent commodo. Nunc metus lorem, luctus eget, rutrum nec, feugiat quis, odio. Aliquam erat volutpat.
Pellentesque hendrerit erat at sem. Morbi mollis pede vitae velit. Nunc ultrices, enim ac adipiscing aliquam, ipsum dui tempus orci, ac congue velit turpis sed nulla. Cras a risus nec nisl pellentesque posuere. Phasellus gravida lectus et eros. Vestibulum nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla ac justo. Integer ligula. Sed in sapien. Aliquam porta leo nec neque. Integer tempor congue metus. Ut bibendum leo dapibus purus. Praesent felis purus, bibendum quis, tempor non, volutpat in, tortor. Etiam eget leo.
Phasellus congue. Morbi sapien neque, aliquet eu, imperdiet non, egestas at, nulla. Morbi tortor. Praesent semper libero nec ipsum. Donec lacinia dapibus velit. Cras est. Aliquam erat volutpat. Nunc consequat, nunc in hendrerit tincidunt, augue mi hendrerit sem,
图片+Flash+电影展示.zip （59个子文件） 
shadowbox-1.0 gallery 
greatwall.jpg 446KB
skip.swf 30KB mustang red.jpg 174KB blue-thumb.jpg 27KB blue.jpg 112KB grey.jpg 64KB grey-thumb.jpg 23KB red-thumb.jpg 28KB hongkong-1.jpg 65KB hongkong-3.jpg 87KB
kayak.mp4 828KB caveman.swf 94KB greatwall-thumb.jpg 28KB old_man.swf 120KB aston_martin db9.jpg 71KB vantage.jpg 208KB vanquish.jpg 64KB
kayak.mov 841KB cat.wmv 413KB hongkong.jpg 27KB hongkong-2.jpg 77KB alien.flv 1.7MB COPYING.LESSER 7KB COPYING 34KB flvplayer.swf 34KB tests 
dimensions_test.html 38KB transitional_test.html 897B object_test.html 3KB media_test.html 4KB css_test.html 38KB src css shadowbox-light.css 5KB shadowbox.css 5KB js shadowbox.js 88KB adapter shadowbox-yui.js 6KB shadowbox-ext.js 6KB shadowbox-dojo.js 6KB shadowbox-jquery.js 7KB shadowbox-prototype.js 6KB shadowbox-mootools.js 6KB lib yui-utilities.js 42KB build css shadowbox-light.css 2KB shadowbox.css 2KB js shadowbox.js 30KB adapter shadowbox-yui.js 889B shadowbox-ext.js 632B shadowbox-dojo.js 883B shadowbox-jquery.js 1KB shadowbox-prototype.js 821B shadowbox-mootools.js 954B README 1KB images 
gradient.png 3KB
loading-light.gif 3KB check.gif 201B loading.gif 3KB overlay-85.png 121B doc support.html 6KB usage.html 21KB index.html 18KB style.css 4KB资源评论
a1577755412015-10-23不怎么实用。
yjlove51
- 粉丝: 1
- 资源: 9
最新资源
- Linux日常操作必备：常用命令详解及实战应用
- 永磁同步电机PMSM位置三环控制模型，包含所有 搭建过程，每一步搭建的过程、原理都很详尽 提供指导及学习资料
- 计算机图形学中利用POV-Ray创建复杂螺旋形图像的技术指南
- MySQL数据库课程设计：学员信息管理系统的表设计与操作详解
- 双馈风力发电机模型研究（DFIG），simulink模型 给定风速变化，电流与电压等波形效果完美
- 三电平逆变器带不平衡负载负载仿真 采用延时相消法（DSC）和双二阶广义积分器（DSOGI）的正负序分离控制 (2选1，默认dsc) 也可以做成svpwm or spwm T型 I型NPC和ANPC等拓
- 三相矩阵变器 矩阵变器MATLAB仿真，其他仿真模型也可 图中为三相矩阵 变器仿真模型及其输入输出电流波形，仿真结果还是可以的 matlab2021b
- 基于51单片机的智能路灯系统含说明文档 有程序，仿真和一万字的文档 主要实现功能：本设计以单片机为核心， DS 1302 初始化系统时间， 通过按键设置路灯工作时间段 和光照阈值， 用光敏电阻模拟周围
- 价值4000元的 兔子团聚星社区app整理修复版 带完整搭建视频教程（2.6GB）
- 给水排水管网系统课程设计：城镇给水排水工程布局及优化
- 基于滑膜控制无人车辆轨迹跟踪控制 复现滑膜控制 多车道变，MATLAB仿真 路径规划 无人船无人机 SMC控制 Sliding mode controller for trajectory trac
- 考虑抽蓄调峰作用的电网日经济调度优化建模与仿真分析
- 2024年工程经济学课程设计任务解析-财务报表与不确定性分析的应用
- 利用MATLAB GUI设计平台，用窗函数法设计FIR数字滤波器，对所给出的含有噪声的声音信号进行数字滤波处理，得到降噪的声音信号，进行时域频域分析，同时分析不同窗函数的效果 将文件解压至一个目录下
- 考虑横摆稳定性的车辆路径跟踪控制 ~ 采用分层控制器 ~ 上层控制器基于MPC计算车辆前轮转角和附加横摆力矩 ~ 下层控制器基于轮胎附着利用率最小化的目标函数分配附加力矩 ~ carsim和Siml
- Android恶意软件分类器中隐蔽性强的后门攻击研究-Jigsaw Puzzle算法及其防御方法探讨
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
