javascript 处理HTML元素必须避免使用的一种方法
我们可能往往会去排查问题的缘由,其实,在排查掉冗余的循环和精简了控件数量后,我们发现性能还是不乐观,于是继续排查,一个偶然的修改,却大大改善了效率,就是类似如下的修改:
修改前:
代码如下:
objDiv.innerHTML += ‘<img id=”picture” src=”back.gif”>';
var imga = document.createElement("img");
imga.setAttribute("src","back.gif");
imga.setAttribute("id","picture");
objDiv.appendChild(imga);
之前可能因为书写的便利,所以没有采用创建页面元素,再分别赋值,最后进行嵌套的方法,而是直接通过字符串赋值innerHTML的方法,这种方法就是比较简单和便捷,但是在性能方面还是有所损失的,因为这中间必然涉及到一个将字符串转换为正确的页面控件的的一个过程,这其中的性能损失可能比较大,所以造成了页面相应的迟缓。
相关推荐
-
javascript 处理HTML元素必须避免使用的一种方法
我们可能往往会去排查问题的缘由,其实,在排查掉冗余的循环和精简了控件数量后,我们发现性能还是不乐观,于是继续排查,一个偶然的修改,却大大改善了效率,就是类似如下的修改: 修改前: 复制代码 代码如下: objDiv.innerHTML += '<img id="picture" src="back.gif">'; 修改后: 复制代码 代码如下: var imga = document.createElement("img"); img
-
javascript中获取元素标签中间的内容的实现方法
使用ajax,通过会把服务器端响应获取到reponseText或者reponseXML中的信息,以某种方法动态的写到div和span标记中,这样,可以在无刷新的情况下,改变页面内容的显示. 通过javascript进行动态的修改,修改的方法有两种: 1. 一种是使用html的每个标记的innerHTML属性,使用此属性,只要为它提供一个有意义的html代码片段,那么html解释器就可以将其中的内容进行解释,并显示在页面上,使用这种方式比较简单,每次修改前不需要先把原来的内容清除掉,而可以直接进行
-
使用JavaScript判断用户输入的是否为正整数(两种方法)
在项目开发中,需要使用JavaScript验证用户输入的是否为正整数. 方法一: var type="^[0-9]*[1-9][0-9]*$"; var r=new RegExp(type); var flag=r.test(subjectHour.value); if(!flag){ alert("课时应为正整数"); subjectHour.focus(); return false; } 方法二: var type="^[0-9]*[1-9][0-9
-
javascript将url解析为json格式的两种方法
本文介绍了javascript将url解析为json格式的两种方法,分享给大家,具体如下: 方法一:最简单的方法,利用a标签来实现 function parseUrl(url){ var a=document.createElement('a'); a.href=url; return { protocol:a.protocol.replace(':',''), hostname:a.hostname, port:a.port, path:a.pathname, query:(()=>{ var
-
python 统计list中各个元素出现的次数的几种方法
利用字典dict来完成统计 举例: a = [1, 2, 3, 1, 1, 2] dict = {} for key in a: dict[key] = dict.get(key, 0) + 1 print dict 输出结果: >>>{1: 3, 2: 2, 3: 1} 利用Python的collection包下Counter的类 举例: from collections import Counter a = [1, 2, 3, 1, 1, 2] result = Counter(a)
-
python列表元素拼接成字符串的4种方法
目录 前言 一.使用join()方法连接列列表 二.利用for循环连接列表 三.对列表进行切片然后连接 四.使用zip压缩多个列表为一个列表 前言 我们在分析列表数据时,常常需要对列表数据进行输出或多列表关联拼接.直接使用列表,列表中的各元素以逗号分隔,每个元素包含引号.如何连接列表中的元素为一个字符串呢?文章主要介绍python 连接列表元素的4种方法,帮助大家更好的理解和学习使用python,感兴趣的朋友可以了解下. 一.使用join()方法连接列列表 使用join()方法可将列表中的元素以
-
PHP删除数组中指定值的元素常用方法实例分析【4种方法】
本文实例讲述了PHP删除数组中指定值的元素.分享给大家供大家参考,具体如下: 测试数组如下: //这是一个测试数组 $testArr = array( 't' => 'qq', 'q' => 'qq', 'b' => 'baidu', 'a' => 'ali', 'm' => 'xiaomi' ); 方法一: //foreach遍历后unset删除,这种方法也是最容易想到的方法 function delByValue($arr, $value){ if(!is_array($
-
jquery 将disabled的元素置为enabled的三种方法
这里发现可以采用三种的变通方法将置为disabled的元素状态改为enabled. 第一种:改变disabled的boolean状态,具体代码及解释如下: 复制代码 代码如下: $("button:eq(2)").click(function(){ var text2=$("input:text:eq(2)"); if(text2.attr("disabled")==false){ //通过设置disabled的boolean属性将第三个text
-
js 获取元素下面所有li的两种方法
js 获取元素下面所有的li 复制代码 代码如下: var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li"); 或 复制代码 代码如下: var div=document.getElementById('a'); var ul
-
javascript中取前n天日期的两种方法分享
方法一: 复制代码 代码如下: var d = new Date(); d = new Date(d.getFullYear(),d.getMonth(),d.getDate()-n); 方法二: 复制代码 代码如下: var now = new Date(); now.setTime(now.getTime()-n*24*60*60*1000);
随机推荐
- XML指南——XML编码
- BAT批处理、VBScript批量安装字体脚本分享
- du meter注册码包括3.5与4.0(所有版本通用)
- C# 正则表达式 使用介绍
- 在CentOS 7下安装Redis和MongoDB教程
- Java微信公众平台开发(9) 关键字回复以及客服接口实现
- iOS微信浏览器回退不刷新实例(监听浏览器回退事件)
- PH P5.2至5.5、5.6的新增功能详解
- 修改yii2.0用户登录使用的user表为其它的表实现方法(推荐)
- js实现两个值相加alert出来精确到指定位
- python杀死一个线程的方法
- 七个心理方面的寓言与哲理第1/7页
- 用VBS实现一个小键盘动作CTRL+V粘贴操作与思路分析
- jquery中获得$.ajax()事件返回的值并添加事件的方法
- jquery实现二级导航下拉菜单效果
- jQuery如何封装输入框插件
- 修改nginx服务器类型实现简单伪装(隐藏nginx类型与版本等)
- Android开发中的重力传感器用法实例详解
- Linux系统 为命令配置别名的方法
- angular 服务随记小结