如何用JS显示图片呢?

发布网友发布时间：2022-04-07 06:05

共4个回答

热心网友时间：2022-04-07 07:34

比如在一个div中显示图片
<div id='img'></div>
js:
var divObj = document.getElementById("img");
divObj.innerHTML = "<img src='1.jpg' />";

你这段代码放到body里边
<script>
document.write("<img src='1.jpg'/>");
</script>

热心网友时间：2022-04-07 08:52

document.write("<img src='图片地址' height='' weight='' alt='' />");

其实很简单，用document对象里面的write方法。

当然你也可以弄一个按钮，然后点击按钮更改图片的属性，代码如下：

<button onClick="pic.style.display='block';">点此显示图片</button>//按钮点击，图片显示

<img src="../images/nb.jpg" border=0 style="border: 1px #000000 solid;display:none" alt="盖章" name="audpic">//隐藏图片

简介：

Javascript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费的时间太多。

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司（Netscape）的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaScript是Sun公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，字节顺序记号。

热心网友时间：2022-04-07 10:27

document.getElementsByTagName("img")[0].src = '1.jpg';

热心网友时间：2022-04-07 12:18

很简单且方法不唯一！
<script type="text/javascript">
document.write("<img src='1.jpg' />")
</script>追问为什么输入上面的代码，显示不出图片呢？我一直想不明白，我输入就能显示出图片来，您能给解释一下吗？？谢谢了

追答恩。。。你吧代码都贴出来吧
应该是个小小的失误。。