导航:首页 > 编程语言 > js中打开图片

js中打开图片

 发布时间：2023-02-21 07:02:00

❶ 怎么让js 里的图片链接成为在新窗口打开

$('mainphofo').onclick = function() {location = this.getAttribute('name');}
改成
$('mainphofo').onclick = function() {window.open(this.getAttribute('name'));}

❷ javascript打开新窗口显示图片，怎么用js文件实现

其实很简单，就像xiangyuecn回答的那样。不过那是开新的浏览器窗口显示图片，如果你要在同一个窗口显示，那就要用到JS。

❸ JS图片新窗口打开

<a href='' target='_blank'></a>
在a标签中添加target='_blank'属性

❹ javascript打开新窗口显示图片，怎么用js文件实现

window.open(surl,
sname);
surl
是一个字符串，它指定了要显示文档的url。如果不指定url，就产生一个空窗口。
sname
是定义的窗口名字，这个名字被用于<form>或者<a>标记的
target
属性。在internet
explorer
5
和以后版本，如果定义这个数值为
"_search"，那么就将在浏览器的搜索区打开
surl
。

❺ javascript:点击图片打开新窗口浏览图片

方法一:
<style>
img{
width:50%;
height:50%
}
</style>
<img src=1.PNG onclick="lookimg(this.src)">
<script>
function lookimg(str)
{
var newwin=window.open()
newwin.document.write("<img src="+str+" />")
}
</script>

方法二版权:
<img src=1.png onclick="lookimg(this.src)">
<script>
function lookimg(str)
{
var newwin=window.open()
myimg=newwin.document.createElement("img")
myimg.src=str
newwin.document.body.appendChild(myimg)
}
</script>

❻ js弹出图片怎么写网页一打开就弹出一张照片的那种！

没明白你的意思。我写的你看看能用就采用

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> </title>
</head>
<style>
.img{
position: fixed;
z-index: 10;
top:50%;
left: 50%;
margin-top: -200px;
margin-left: -200px;
}
#close{
position: absolute;
left: 10px;
top: 5px;

}
body{
background-color: #333;
}
</style>

<body>
<div class="mask"></div>
<div class="img">
<span id="close">关闭</span>
<img src="dd.png" alt="">
</div>
</body>
<script>
var mask = document.getElementById('close');
var img = document.getElementsByTagName('img')[0];
mask.onclick=function(){
img.style.display = "none";
this.style.display = "none";
}
</script>
</html>

没明白你的意思。我想的是打开页面的时候就是一个弹窗状态，当我点击关闭后弹窗图片消失。我中间的白色“找不到服务器”是图片

❼ 用JS在新窗口打开本图片

<img src="图片连接" width="400" height="400" onclick="op(this.src)" />
<script language="javascript">
function op(c_url)
{
window.open(c_url)
}
</script>

❽ js 图片新窗口打开自动适应大小

你这样做是不行的，因为你弹出窗口url直接是个图片的地址，因此弹出窗口没有body对象，这样内就无法容通过脚本来进行控制。

可行的办法是将你的图片写入到一个临时的a.htm中，这样在a.htm中就可以非常方便的设置窗口边距了。

<body margin=0 padding=0>

❾ 需要一个js脚本，实现打开图片功能

最好不要使用替换的方式
使用JS 点击打开方式会比较好

imglist=document.getElementsByTagName("IMG")
for(var i=0;i<imglist.length;i++){
o=imglist[i]
o.onclick=window.open(this.src);
o.style.cursor="pointer";
}
/*
javascript:document.getElementsByTagName("IMG")[0].getAttribute("src")

*/

❿ 如何用JS语句显示图片

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器专，新建html文件，例如：index.html。

阅读全文

与js中打开图片相关的资料

热点内容
华为应用里面有了app说明什么 浏览：801
数据库中xy是什么意思 浏览：893
u盘打不开提示找不到应用程序 浏览：609
网站功能介绍怎么写 浏览：954
word在试图打开文件时错误 浏览：108
主板无vga插槽怎么连接编程器 浏览：521
录视频文件在哪里删除 浏览：881
word2013如何插入文件 浏览：233
proe教程百度网盘 浏览：197
如何控制远程linux服务器 浏览：740
it教学app有哪些 浏览：34
怎么在ps抠的图变成矢量文件 浏览：405
口袋妖怪银魂安卓v11 浏览：1
网站上芒果tv的账号都是什么 浏览：104
带公式的表格如何刷新数据 浏览：81
数据标注语音和2d哪个好 浏览：145
保存excel文件的方法 浏览：655
手机上看不到电脑上的文件 浏览：626
关于ps的微信公众号 浏览：612
矩阵论教程 浏览：971

友情链接