javascript获取页面图片，javascript获取网页内容

如何用JS语句显示图片?

用js定义一个字符串变量，把图片的字符串写进去，然后div.innerhtml把这个字符串加进去。用类似jquery的js插件，也是先定义图片字符串变量，然后div.append这个字符串就好了。

(document).mousedown(function(e) { var $doc=$(document)；().css({position：absolute，left：e.pageX+$doc.scrollLeft()，top：e.pageY+$doc.scrollTop()}).appendTo(body)；})；上面代码是点击后就在鼠标的位置创建并显示一张图片。

将图片转化为base64编码格式。输入 var img = new Image()；//创建img容器 img.src=‘这儿就是复制填写上面那一大串’；//给img容器引入base64的图片 /scirpt 最后一步：document.body.appendChild(img)；//将img容器添加到html的节点中就行了。

最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片。先去官网下载layer包，你的网页引用layer的js文件。

写了一段。应该满足你要求了吧？ 测试过了有效。

如果是在新窗口看的话，不用JS，直接A标签加上图片地址就好了。如果是需要这种效果的话，可以制作隐藏层，点击图片的时候显示出来。

相关问答

Q1: javascript获取页面第一张图片的方法是什么?我忘记了~~~就是在不知道...

1、html2canvas通过获取页面的DOM和元素的样式信息，并将其渲染成canvas图片，从而实现给页面截图的功能。它不需要来自服务器任何渲染，整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时，将采用Flashcanvas或ExplorerCanvas技术代替实现。

2、很明显， 你OpenImg(images/h-imgs/bg.jpg)，这个方法的参数你没加引号，应该传入一个字串才对，你目前的写法，在js里会认为你传入的是个变量。

3、正确的方法是让图片元素的id是img1，然后 document.getElementById(img1).src = ..\images/DTJPG这样进行赋值。document.getElementById(img1)这一步的作用就是选择图片元素。

4、从14岁开始，作者就遭受了饮食失调的困扰，体重偏轻。 身高5英尺4英寸（约1656厘米）的作者，体重曾一度减轻到130磅（约59公斤）。 随着时间的推移，身高增长到5英尺6英寸（约1664厘米），但体重下降至94磅（约467公斤）。

5、是啊，好好的啊，你要说要改哪里啊，哪里没有达到你的要求啊。

Q2: 怎样将指定页面中的图片通过javascript导入

1、具体的做法可以是利用CSS，能在图像内容里表达则更好。如果点击这种图片，浏览器会导航至父元素a的href属性所指定的URL上。给img元素应用ismap属性就创建了一个服务器端分部响应图，意思是在图像上点击的位置会附加到URL上。

2、有两种方式供选择我推荐第一种，一：去阅读相关的网页里的js和网页请求之后的header，通过hander知道这个获取这个信息的接口。通过httpclient来获知你想要的信息。

3、你可以说说你要实现的功能是怎么样的，我觉得没有解决不了的技术问题，但绝对不是像你想象的这样。

Q3: 网页中图片的随机显示

运用html技术，输入代码。首先加入标记：；然后在这段标记内把用document.write()的型式放进去，就成了document.write()；最后我们来完成最关键的一段：id=Math.round(Math.random()*2)+1。就能在做一个本地网页后实现随机出现图片的场景。HTML5是构建Web内容的一种语言描述方式。

随机显示的你已经会了，下面是我的一个程序代码，调用PHP显示图片，达到你的要求，我里面有添加文字的语句，你可以删除：？php //用GD库在图片上写上文字。

例子：img src=images/random/img_？php echo rand(1，20)？.jpg alt= / 说明：随机调用images/random/文件夹下的图片。图片命名格式为 img_jpg、img_jpg、img_jpg ... img_jpg 你可以修改20为其他数字，根据你的图片数量。注意命名格式要一致。

Q4: CSS或JS如何实现页面优先读取背景图片。

1、CSS不能指定图片加载顺序，应该问的JS指定图片加载顺序。javascript监听一个图片是否加载完毕 如果加载完成再加载下一张，不是一次性从服务器加载 减少服务器压力， 可用到的地方：比如制作类似google地图的应用，可以使小图一张一张的加载。function Load_pic(arr){ //这里接受的图片的所以链接数组。

2、至于想要预加载css中的图片的话，可以用js操作一下，我下面的样例是加载所有的当前页面中style标签中出现的背景图。

3、通常可以使用css样式的 ：hover 选择器， 如示例div1。也可以使用js来控制css样式，用js可以灵活加入其它效果(延迟显示、随机背景图)， 如示例div2。

4、css代码添加背景图片：1．背景颜色：background-color 语法：{background-color：数值} 注意：在html当中，要为某个对象加上背景色只有一种办法，那就是先做一个表格，在表格中设置完背景色，再把对象放进单元格。这样做比较麻烦，不但代码较多，还要为表格的大小和定位伤些脑筋。

5、外部风格 当需要将样式应用于许多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，您可以通过更改一个文件来更改整个站点的外观。使用 href=/ 内嵌样式 当一个样式只需要在一个元素上应用一次时，要使用内联样式，需要使用相关标签中的style属性。样式属性可以包含任何CSS属性。

Q5: 如何通过js获取网页中所有图片并加入点击事件,实现

有两种方式供选择我推荐第一种，一：去阅读相关的网页里的js和网页请求之后的header，通过hander知道这个获取这个信息的接口。通过httpclient来获知你想要的信息。

首先获取img元素。使用document.getElementById(img的ID名)获取想要添加点击事件的img标签。然后对获取到的元素添加点击事件。使用.onclick来添加点击事件.例：var oImg = document.getElementById(img标签的id名)；oImg.onclick = function(){ 点击后要执行的事件。

先去官网下载layer包，你的网页引用layer的js文件。

这样可以给img绑定一个click事件，具体怎么实现就看test()方法里面怎么写了。至于你说的给图片添加背景，我就完全不明白是什么意思了。

在test.html文件内，设置img标签的id属性，下面将通过此id来绑定点击事件，例如，设置img标签的id属性为myimg。在test.html文件内，在js标签中，通过img标签的id获得对象，给该对象绑定click点击事件，当图片被点击时，执行function内的代码。

在设置中找到动画时间，将动画时间设为3秒即可。1。单击JavaScript图像。2。通过单击来更改img的src属性。3。更改为属性后，将图片设置为动画形式，放大5倍。4。在设置中找到动画时间，将动画时间设置为3秒。HTMLhover怎么让鼠标移上去图片变大？可以用js事件“onmouseover”和“onmouseout”来实现。

关于javascript获取页面图片和javascript获取网页内容的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。