js动态生成html

2011-05-31 10:31:16 1.5k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

python抓取javascript动态生成HTML内容的实践本实验在Ubuntu14.04上完成。使用的浏览器是火狐(Firefox 33.0)，python版本是2.7.6。大家都知道用urllib配合正则表达式抓取静态HTML的内容很方便，但是如果网页中有javascript动态生成的内容，urllib就无能为力了。此时我们要借助一个额外的工具：selenium。它的工作原理是操纵（火狐）浏览器浏览目标网页，等待网页中的javascript全部阅读详情

标题可能描述不清楚，我的意思是，现在我很多js里都有很多的createElement与appendChild这样的js代码，来动态生成一些html元素，例如：



<DIV class=header>

<H4>100</H4></DIV>

<DIV class=dialog>100</DIV>

<DIV>100</DIV>

于是就有大量类似这样的js代码：



var xxx = document.createElement("div");

xxx.className = "xxx";

xxx.xxx

.......

xxx.appendChild(xxx);

这样当这个div里面的元素很多时，这样的代码就很多，而且维护也不方便。我也是开始没多久学js，有什么好的方法来减少这样重复的代码量，和提高代码维护的效率。现在我的想到的是使用模板，把这样的html提取出来做成模板，然后相应的地方填空即可。大家还有什么好方法和建议，请教下！

...全文

S32K144（14）ADC 1、简介开发板S32K144+S32DS+JLINK，裸机版的程序编写 S32K14x包含两个12位ADC模块，ADC0和ADC1 应用程序可能需要ADC的连续采样(4K采样/秒)，这可能对CPU有相当大的负载。虽然使用可编程延迟块(PDB)来触发ADC可能会减少一些CPU负载，但当ADC以非常高的速率采样或PDB被绕过时，ADC支持DMA请求功能以获得更高的性能。ADC可以在转换完成时触发DMA(通过DMA请求)。TRGMUX会根据不同的应用需求，使用软件为用户提供更灵活的DMA触发方案，例如，可阅读详情

big_student

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

wisdomoon 2012-07-26

打赏
举报

如果是我会写一个组件

温柔哥 2012-07-26

打赏
举报

综合大家的观点,其实肯定是拼接的好些,你也说了这个div下面有很多元素了..而且是动态的,那样的话每次都要操作一下这个div来append 那样效率肯定不好,如果用拼接的把全部内容拼起来后就只用append一次了那样肯定效果高多了..最起码从速度来讲这样快多了..维护其实是要跟你的书写习惯有关的,你写的规范规整加点注释就很好维护了,像前面说的封装成一个方法,然后多次调用,这样做其实很好,但是面对你这个情况,还是应该以效率为重.

汉尼拔 2011-05-31

打赏
举报

写一些工具函数就好了啊

xiaoYmark 2011-05-31

打赏
举报

而且dom这么操作html效率很低

chchawen 2011-05-31

打赏
举报

[Quote=引用 4 楼 chchawen 的回复:]
十分不建议按上面两位的说法做，那样如果innerHTML的内容过多会造成浏览器崩溃。
建议将你所有可以重复用到的标签封装成一个js对象
例如<input></input>
var input= function(name,id,value){
var ip = document.createElement("div");
ip.name = name;
ip.id = id……
[/Quote]
忘了一点，这样你就可以直接把你创建好的标签对象放入容器标签内
例如
var div = document.createElement("div");
div.appendChild(input);
希望给分

chchawen 2011-05-31

打赏
举报

十分不建议按上面两位的说法做，那样如果innerHTML的内容过多会造成浏览器崩溃。
建议将你所有可以重复用到的标签封装成一个js对象
例如<input></input>
var input= function(name,id,value){
var ip = document.createElement("div");
ip.name = name;
ip.id = id;
ip.value = value;
return ip;
}
具体需要的参数，还有样式需要你自己斟酌
这种面向对象的js写法希望对你js学习有帮助

weike021996 2011-05-31

打赏
举报

学习 xx.innerHTML="<div>**********</div>"

a260881071 2011-05-31

打赏
举报

你可以将所有的HTML代码放在一个长串里就像一楼所说的。

然后就是按你的原来的做法那备注。

思路清晰，排版整齐的话，不会乱的。

--------------------------------------帅签分割线-------------------------------------------------