1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html页面如何复用 html代码用js实现复用

html页面如何复用 html代码用js实现复用

时间:2022-07-17 00:38:00

相关推荐

html页面如何复用 html代码用js实现复用

作为前端开发人员,大家都会碰到的一个问题就是重复的代码怎么处理,如果总是复制粘贴,会使得代码显得非常的庞大,不易读。虽然有一些语言如node.js可以模块化管理,但是用js或者jquery实现既简单又可以面对其他环境搭建的时间。

假如有一段html代码,我需要在多个页面使用,那就来实现以下:html>

Document

.asd{

border:1pxsolid#ccc;

}

.sss{

color:red;

border:1pxsolidpink;

float:left;

}

.ddd{

color:blue;

}

我是原来的内容!

vara="";//存取一个变量a

a+='

'+'我是一个连接!'+'

我是新插进来的!

'+'';

varxx="";//存取一个变量xx,我在这里自己假定了需要应用十次

for(vari=0;i<10;i++)

{

xx+=a;

}

$("div").html(xx);

其实代码很简单;我们做了几件事:

1,首先存一个变量a;

2,我们需要js拼接出我们的html代码,并将其作为一个变量赋值给a;

3,用for循环实现多次的引用;

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。