网页部分提升加载运行效率

最近处理一个关于IE8兼容时,页面加载总是报出运行过慢,是否终止加载页面的问题,在处理这个问题的时候考虑到了以下几个问题:

        1 既有的代码中,类似于$('#thisForm [name=]')的语句特别多 

        2 页面中有为数不少的单选,复选框元素,这部分元素只有name元素,没有固定的id元素 

以上2点导致的问题就是,页面每次加载查找元素都需要在thisForm中查找,效率很低,为此我需要重新设计查找方式,来使得不改变原有的机能以及不改变IE8的安全提示等级的前提下,使得加载消耗能够满足IE8 的内核。

解决方案: 就近ID查找,例如:

<div id="content">
<form method="post" action="/">
<h2>Traffic Light</h2>
<ul id="traffic_light">
<li><input type="radio" class="on" name="light" value="red" /> Red</li>
<li><input type="radio" class="off" name="light" value="yellow" /> Yellow</li>
<li><input type="radio" class="off" name="light" value="green" /> Green</li>
</ul>
<input class="button" id="traffic_button" type="submit" value="Go" />
</form>
</div>

寻找单选框控件的最快方式是:var active_light = $('#traffic_light input.on');

更多优化技巧可参考链接:https://www.jb51.net/article/43197.htm 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值