动态加载图片与脚本
来源:互联网 发布:自媒体写作软件 编辑:程序博客网 时间:2024/05/21 22:34
动态加载图片许多方法。第一种方法,随便创建一个块状元素如DIV,把它加入DOM树,然后用CSS设置背景图片。第二种前半部分同第一种,只不过这次用innerHTML加一张图片变成它的子元素。第三种,利用createElement("img"),然后加入DOM与指定它的src属性。第四种,new Image对象,然后加入DOM与指定它的src属性。
1.
window.onload =
function
(){
2.
var
image = document.createElement(
"div"
);
3.
document.body.appendChild(image)
4.
image.style.cssText =
"width:400px;height:300px;background:url(http://images.cnblogs.com/cnblogs_com/rubylouvre/199042/o_s001.jpg)"
5.
}
1.
window.onload =
function
(){
2.
var
image = document.createElement(
"div"
);
3.
document.body.appendChild(image)
4.
image.innerHTML =
"<img src='http://images.cnblogs.com/cnblogs_com/rubylouvre/199042/o_s001.jpg'>"
;
5.
}
1.
window.onload =
function
(){
2.
var
image = document.createElement(
"img"
);
3.
document.body.appendChild(image)
4.
image.src=
'http://images.cnblogs.com/cnblogs_com/rubylouvre/199042/o_s001.jpg'
;
5.
}
1.
window.onload =
function
(){
2.
var
image =
new
Image;
3.
document.body.appendChild(image)
4.
image.src=
'http://images.cnblogs.com/cnblogs_com/rubylouvre/199042/o_s001.jpg'
;
- 动态加载图片与脚本
- js动态加载脚本
- 动态加载外部脚本
- js动态加载脚本
- unity3d动态加载脚本
- 动态加载脚本
- 动态加载js脚本
- 动态加载脚本
- js动态加载脚本
- 动态加载JS脚本
- 动态加载JS脚本
- dom动态加载脚本
- xPath与命名空间与动态加载图片
- 动态加载图片
- iphone动态加载图片
- Jquery动态加载图片
- 动态加载图片
- 滚动动态加载图片
- Debian下修改启动模式
- android:布局参数,控件属性及各种xml的作用
- 窗口大小改变时,显示内容的处理(正投影情况)
- web搜索学习笔记之概率模型
- C#结构体定义的详解
- 动态加载图片与脚本
- 高性能网站的14个原则
- java.lang.ClassCastException: org.apache.struts.taglib.bean.CookieTei问题的解决
- C#结构体定义的详解
- PHP 的垃圾回收机制一些认识
- Asp.Net细节性问题精粹
- 前端SPOF调查
- Windows中如何计算时间间隔(2)COleDateTime 和COleDateTimeSpan类
- ado.net操作数据库总结