JavaScript显示信息实例

使用JavaScript可以获取访客的屏幕分辨率、可用分辨率等等信息,也可以显示文档的一些属性。

实例JavaScript代码

以前在用51啦统计的时候,里面会有访客的屏幕分辨率之类的信息。利用JavaScript,我们就可以获得这些信息了。screen对象的width和height分别是屏幕分辨率的宽和高。而availWidth和availHeight则是实际可用的显示区域(例如要去掉任务栏),colorDepth就是色深,貌似在Windows显示设置里的颜色质量。

document.lastModified是文档的最后修改时间。document.referrer则是将访客转到该页的来源页。

<script type="text/javascript">
document.write("您的屏幕分辨率为:" + screen.width + "*");
document.write(screen.height + "<br />");
document.write("可利用屏幕分辨率为:" + screen.availWidth + "*");
document.write(screen.availHeight + "<br />");
document.write("色深为:" + screen.colorDepth + "位<br />");
var mDate = new Date(document.lastModified);
document.write("该网页的最后修改时间为:" + mDate.toLocaleString() + "<br />");
if(document.referrer)
document.write('您浏览的上一个页面是'+document.referrer);
</script>

效果

  1. 用javascript修改html元素的class
  2. JavaScript重定向
  3. JavaScript对象当作关联数组
  4. JavaScript弹出窗口以及窗口间的通信
  5. JavaScript显示信息实例
  6. 用JavaScript批量访问HTML元素
  7. 分离JavaScript与HTML
  8. JavaScript计算器实例
  9. JavaScript的Math对象计算器
  10. JavaScript改变HTML元素的位置
  11. JavaScript动画
  12. JavaScript动画函数
  13. JavaScript拖拽
  14. JavaScript拖拽2——多元素、分离JS
  15. JavaScript拖拽3——解决快速拖拽的问题
  16. addEventSimple函数,添加事件响应函数的方法
  17. addEventSimple观察鼠标事件
  18. JavaScript click事件深入
  19. JavaScript事件来源元素
  20. JavaScript修改与访问CSS
  21. JavaScript拖拽4——获得元素的位置
  22. JavaScript拖拽5——性能优化
  23. DOM Scripting相册
  24. DOM Scripting斑马表格
  25. DOM Scripting动画切图
  26. JavaScript颜色渐变
  27. JavaScript拖拽6——修复错误