有选择地显示预加载内容,提高网站的性能

转载 2004年09月23日 17:50:00
作者: ZDNet China

HTML页面内的每个元素都可以通过JavaScript来访问。DHTML的样式属性包含有可视性属性,后者能够让你控制是否在页面上显示元素的内容。要做到这一点,你就要把属性设置为可视或者隐藏。下面的句法能够让用户通过JavaScript来访问这个属性:
document.element_name.style.visibility = "visible"

或者
document.element_name.style.visibility = "hidden";

真正的元素通过使用其ID属性和JavaScript的getElementById方法就能够轻易被找到:
document.getElementById("element name").style.visibility = "hidden";

要记住,HTML元素都被分配了ID属性,用来在页面里区分它们。这就允许DHTML和JavaScript能够定位并使用各个独立的元素。下面的HTML示例将不同的名称分配给了HTML标题(header)的元素,并使用JavaScript来显示和隐藏第二个标题:
<html>
<head>
<title>div test</title>
</head>
<body>
<h1
id="header1"
onMouseOver='document.getElementById("header2").style.visibility="hidden";'
onMouseOut='document.getElementById("header2").style.visibility = "visible";'>
Now you see it!
</h1>
<h2 id="header2">
Now you don't!
</h2>
</body>
</html>


这段代码使用了第一个标题元素的onMouseOver和onMouseOut事件,用来显示和隐藏第二个标题元素。要注意,通过ID属性分配给第二个标题的名称,是用来控制其在JavaScript里可视程度的。

在一次只需要显示文档的一部分的时候,显示和隐藏元素的方法是好处颇多的。它可以用于菜单、扩展/压缩页面的区域,以及其他等等。你可以对任何HTML的元素使用这个技巧,但是在处理页面大块区域的时候,DIV元素将是它的一个主要竞争对手。

提高网站并发性的解决方案

我在Cernet做过拨号接入平台的搭建,而后在Yahoo3721负载搜索引擎前端平台开发,又在猫扑处理过大型社区猫扑大杂烩的架构升级等工作,同时自己接触和开发过不少大中型网站的模块,因此在大型网站应对...
  • qq415734794
  • qq415734794
  • 2013年08月17日 14:22
  • 3870

“Internet explorer已阻止此网站显示有安全证书错误的内容”“iTunes无法授权”的解决方法

问题: windows 7 旗舰版,IE 9,打开各种网页频繁在IE下方出现: “Internet explorer已阻止此网站显示有安全证书错误的内容”,单击“显示内容按钮”还是弹出该提示。 ...
  • webjie
  • webjie
  • 2012年07月31日 20:26
  • 38970

CSS 优化、提高性能的方法有哪些?

CSS优化主要是4个方面: 加载性能 主要是从减少文件体积,减少阻塞加载,提高并发方面入手 选择器性能 渲染性能 可维护性 较为具体的优化方案: 慎重使用高性属性:浮动、定位; 去除空规则; ...
  • sjinsa
  • sjinsa
  • 2017年05月01日 22:20
  • 792

数据库数据处理性能提升技术

一、数据处理性能存在的问题1、企业的数据都集中存储在数据库中,从海量的数据中查找和定位数据是非常耗时的; 2、数据集中存储后,所有用户都要来访问数据库,当很多用户同时访问数据库时,数据库服务器的负载...
  • dingding_12345
  • dingding_12345
  • 2016年01月07日 10:57
  • 5497

css优化、提高性能的方法

关注一下CSS Lint (CSS Lint),这是一个发现CSS书写问题,提升性能的工具 我复制规则过来: 修复解析错误(Parsing errors should be fixed) 避...
  • github_35549695
  • github_35549695
  • 2016年09月22日 16:28
  • 1687

jquery预加载显示百分比

jquery预加载显示百分比 imgNum=0; var load_img = []; load_img.push( '/caigeci/images/answer0...
  • oMiracle123
  • oMiracle123
  • 2017年02月14日 16:21
  • 200

CSS 优化、提高性能的方法 汇总

NO1: 链接:https://www.zhihu.com/question/19886806/answer/50285495 来源:知乎 CSS 优化主要是四个方面: 加载性能 这...
  • sinat_35836870
  • sinat_35836870
  • 2016年11月21日 15:44
  • 1258

前端资源预加载并展示进度条

原文出处: 吕大豹    我们经常会看到,一些站点在首次进入的时候会先显示一个进度条,等资源加载完毕后再呈现页面,大概像这样: 然后整个页面的操作就会非常流畅,因为之后没必要再等待...
  • yzbben
  • yzbben
  • 2017年02月13日 14:11
  • 421

18 个锻炼编程技能的网站

编程几乎已经成为了人类所知每个行业的必要组成部分,它帮助组织和维护大型系统的方式是无可比拟的,所以越来越多的人开始了他们的编程之旅。 要学习编程,你可以通过交互式平台或者书本,随便一种你觉得最适...
  • lyn167
  • lyn167
  • 2016年08月06日 10:40
  • 2300

如何最大限度提高.NET的性能

优化 .NET的性能1)避免使用ArrayList。     因为任何对象添加到ArrayList都要封箱为System.Object类型,从ArrayList取出数据时,要拆箱回实际的类型。建议使用...
  • 21aspnet
  • 21aspnet
  • 2007年03月21日 00:51
  • 7584
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:有选择地显示预加载内容,提高网站的性能
举报原因:
原因补充:

(最多只允许输入30个字)