Javascript在HTML中实现图片显示变化

最新推荐文章于 2021-08-02 16:30:42 发布

abc19921006

最新推荐文章于 2021-08-02 16:30:42 发布

阅读量865

点赞数

本文链接：https://blog.csdn.net/abc19921006/article/details/37650857

版权

<!DOCTYPE HTML>
<html>
<head>
	<title>Test </title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <script type="text/javascript">
	function insertpic(){
 		path="test.png";//显示图片路径
 		document.getElementById('myimage').innerHTML='<img src="'+path+'" />';
	}
	</script>
<head>
<body>
	<div id="myimage"> MY image</div>
	<input type="button" value="插入图片" id="insert_pic" οnclick="insertpic()" />
</body>
</html>

1. 处理在浏览器中中文乱码的问题：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

2.onclick event 引起Javascript函数执行

优惠劵

abc19921006

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Javascript在HTML中实现图片显示变化

Test function insertpic(){ path="test.png";//显示图片路径 document.getElementById('myimage').innerHTML=''; } MY image
复制链接

扫一扫