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);
随机推荐
- PHP实现重载的常用方法实例详解
- SQL 注入式攻击的终极防范
- java、js中实现无限层级的树形结构方法(类似递归)
- Java进阶教程之IO基础
- 对学Oracle数据库初学者的开场篇
- PHP获取网页标题的3种实现方法代码实例
- 简单实现JSP分页显示效果
- JavaScript检测浏览器cookie是否已经启动的方法
- thinkphp中html:list标签传递多个参数实例
- FCKeidtor 清除编辑器内容的代码
- 编写Python脚本把sqlAlchemy对象转换成dict的教程
- jQuery lazyload 的重复加载错误以及修复方法
- JQuery 常用方法和事件详细介绍
- Android 应用中跳转到应用市场评分示例
- C++静态成员函数不能调用非静态成员变量(详解)
- java 导入Excel思路及代码示例
- python3+selenium实现126邮箱登陆并发送邮件功能
- 搭建docker内网私服的方法(docker-registry with nginx&ssl on centos)
- mysql查找删除表中重复数据方法总结
- SpringBoot Application事件监听的实现方案