知识大全 有选择地显示预加载内容 提高网站的性能
Posted 元素
篇首语:我们不会把常识僵化并使它变成信条。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 有选择地显示预加载内容 提高网站的性能相关的知识,希望对你有一定的参考价值。
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来显示和隐藏第二个标题 <> <head> <title>div test</title> </head> <body> <h id= header onMouseOver= document getElementById( header ) style visibility= hidden ; onMouseOut= document getElementById( header ) style visibility = visible ; > Now you see it! </h > <h id= header > Now you don t! </h > </body> </> 这段代码使用了第一个标题元素的onMouseOver和onMouseOut事件 用来显示和隐藏第二个标题元素 要注意 通过ID属性分配给第二个标题的名称 是用来控制其在JavaScript里可视程度的 在一次只需要显示文档的一部分的时候 显示和隐藏元素的方法是好处颇多的 它可以用于菜单 扩展/压缩页面的区域 以及其他等等 你可以对任何HTML的元素使用这个技巧 但是在处理页面大块区域的时候 DIV元素将是它的一个主要竞争对手 什么是DIV? DIV元素是用来为HTML文档内大块(block level)的内容提供结构和背景的元素 DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的 其中所包含元素的特性由DIV标签的属性来控制 或者是通过使用样式表格式化这个块来进行控制 Internet Explorer和Netscape的浏览器都支持DIV标签 DIV和SPAN 很多开发人员都把DIV元素同SPAN元素弄混淆了 尽管它们在特性上相同 但是SPAN是用来定义内嵌内容而不是大块内容的 你可以对段落使用DIV标签 但是SPAN对于为段落内的一个或者多个字赋予特殊的特性很有用 DIV标签允许你分割一个Web页面 以此来进行格式化和演示 可以将它和可视性的技巧组合起来使用 用以分割页面的内容 并显示你所选择的内容 下面这段示例代码使用了DIV标签将该页面分割成了多个区域 超链接会显示和隐藏这些区域 <><head> <title>div test</title> <script language= JavaScript > function setAllVisible() document getElementById( section ) style visibility= hidden ; document getElementById( section ) style visibility= hidden ; document getElementById( section ) style visibility= hidden ; document getElementById( section ) style visibility= hidden ; </script></head> <body onLoad= setAllVisible(); > <h > Sample</h > <ul> <li><a # onClick= document getElementById( section ) style visibility= visible ; document getElementById( section ) style visibility= hidden ; document getElementById( section ) style visibility= hidden ; document getElementById( section ) style visibility= hidden ; >Section </a></li> <li><a # onClick= document getElementById( section ) style visibility= hidden ; document getElementById( section ) style visibility= visible ; document getElementById( section ) style visibility= hidden ; document getElementById( section ) style visibility= hidden ; >Section </a></li> <li><a # onClick= document getElementById( section ) style visibility= hidden ; document getElementById( section ) style visibility= hidden ; document getElementById( section ) style visibility= visible ; document getElementById( section ) style visibility= hidden ; >Section </a></li> <li><a # onClick= document getElementById( section ) style visibility= hidden ; document getElementById( section ) style visibility= hidden ; document getElementById( section ) style visibility= hidden ; document getElementById( section ) style visibility= visible ; >Section </a></li> </ul><br> <div id= section >Section text </div> <div id= section >Section text </div> <div id= section >Section text </div> <div id= section >Section text </body> </> 这段代码包括了一个用来隐藏所有DIV元素的JavaScript函数 当文档被加载的时候 这个函数就被调用了 点击每个超链接将会显示相关的区域并隐藏其他的区域 这种方式的一个弱点是 只有Internet Explorer 或者更高版本的浏览器以及Netscape Navigator 或者更高版本的浏览器才支持这些方法 但是 我使用Mozilla 测试过 没有问题 只在必要的时候才显示信息 将DHTML和JavaScript的强大能力组合起来使用 就能够让你预加载页面的内容 并在适当的时候显示其各个部分 这样就可以提高响应时间 因此能够为用户提供更高的性能 cha138/Article/program/Java/Javascript/201311/8550相关参考
为了进一步优化Hibernate的性能可以使用 延迟加载技术管理数据抓取策略进行缓存管理等方面考虑来提高Hibernate的性能 延迟加载(load) 延迟加载(load)是Hibernat
您可以提高您站点的访问速度那么就需要用到cache(缓存)通常可以我们使用cache来处理经常检索的结果或不经常改变的数据结果  
QQ农场打不开一直显示加载主文件怎么办 以下文字资料是由(本站网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!QQ农场打不开一
知识大全 小米4手机看QQ空间图片看看的就显示加载失败怎么回事
小米4手机看QQ空间图片看看的就显示加载失败怎么回事? 以下文字资料是由(本站网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
知识大全 用U盘装系统,进入PE的时候就显示正在加载文件很长时间
用U盘装系统,进入PE的时候就显示正在加载文件很长时间 以下文字资料是由(本站网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
控制地下水对井管的腐蚀主要从两个方面入手。一是提高管材的抗腐蚀性能,使用抗腐蚀性能好的材料。二是除去或抑制一些产生腐蚀的因素。一般有以下防腐措施:1.采用优质材料抗腐蚀性能好的管材、连接螺丝、铜丝绳,
控制地下水对井管的腐蚀主要从两个方面入手。一是提高管材的抗腐蚀性能,使用抗腐蚀性能好的材料。二是除去或抑制一些产生腐蚀的因素。一般有以下防腐措施:1.采用优质材料抗腐蚀性能好的管材、连接螺丝、铜丝绳,
什么才是提高ASP性能的最佳选择 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! ASP开发人员为
知识大全 vivox13l手机qq上加载图片老是显示加载图片失败什么情况
vivox13l手机qq上加载图片老是显示加载图片失败什么情况您好!根据您的描述,建议您尝试以下操作:1、建议您更换网络试试的。2、您可以进入设置--更多设置--应用程序--已安装,找到QQ,点击清除
知识大全 我自己的网站,用HTML5代码写的,在电脑上正常显示,为什么手机上只显示出来很少内容
我自己的网站,用HTML5代码写的,在电脑上正常显示,为什么手机上只显示出来很少内容?求高手解答! 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜