<script>
function Img(tag,attr,style,fa){ //创建一个构造函数,传入对应形参
this.newele = document.createElement(tag); //创建标签节点
this.attr = attr; //接收属性
this.style = style; //接收样式
this.fa = fa || document.body; // 设置父节点,若没有传入形参,则默认为document.body
this.setAttr(); //设置属性
}
Img.prototype.setAttr = function(){ //在原型对象中设置属性方法
Object.assign(this.newele,this.attr); //利用对象合并方法,将对象合并为一个
this.style && this.setStyle(); //判断,若传入样式,则设置样式
}
Img.prototype.setStyle = function(){ //在原型对象中设置样式方法
Object.assign(this.newele.style,this.style); //利用对象合并方法,将对象合并为一个
this.append(); //追加节点
}
Img.prototype.append = function(){ //在原型对象中设置追加节点方法
this.fa.appendChild(this.newele);
}
//实例化对象
new Img(
'img',
{src:'../images/1.jpg'},
{width:'300px',height:'400px'}
);
</script>
javascript中function javascript中function怎么加图片
转载文章标签 javascript html html5 原型对象 父节点 文章分类 JavaScript 前端开发

-
JavaScript中function的动态执行
由于最近来自重构中的需要,所以深入的研究了JavaScript中 function(函数/方法)的动态执行。搜索了一下,发现在网上询问相关问题的人非常多,相应给出的解决方法也是很多的,但却没有深入研究的说明。本 人觉得深入的研究并解决function的动态执行问题还是非常有价值的。本文将从不同的应用情况入手,并由浅入深的给出解决方案与分析。动态执行从服务端返回的JavaScript代码不在本文的讨论范围内。场景1:动态执行无参数、无返回值function这是最简单,也是最常见的case。这种场景下,使用eval或者setTimeout都是可以的。如下示例代码:1functiontest() {
javascript 作用域 类型参数 多线程 javascript引擎