是否有在只使用JS的情况下弹新页面来显示一张网页上已有的图片？如何实现？
事情是这样的：
我正在新尝试的web应用中，我在弹出的模态框中展示了一张从PHP获取到地址的头像，然而页面给头像留的位置太小，有些细节并不能看到，但随意放大又会影响布局……于是我希望能够通过使用JS代码实现在点击图片是能弹一个新页面或标签页来展示这张图片
P.S. 所有需要的数据都已经在页面上了，我实在不想再让这个弹页面从PHP里过一次了，会很烦，而且这个应用就拿自己的笔记本玩玩……并不想再让WAMP再占我本来就不多的硬件资源【虽然浏览器就占得更多了……
这头像多大啊一个页面显示不完……
举个简单例子吧，题主参考着自行修改：
<!-- a.html --><html>
<head>
</head>
<body>
<div id="photo" style="width: 100px; height: 100px; background-image: url(data:image/png;base64,R0lGODlhBAABAIABAMLBwfLx8SH5BAEAAAEALAAAAAAEAAEAAAICRF4AOw==);" onclick="window.open('b.html');"></div>
</body>
</html>
<!-- b.html -->
<html>
<head>
</head>
<body>
<div id="photo" style="width: 100px; height: 100px;"></div>
<script>
window.onload = function() {
document.getElementById("photo").style.backgroundImage = window.opener.document.getElementById("photo").style.backgroundImage;
}
</script>
</body>
</html>
因为用了 window.opener 这个对象，所以需要放到服务器下去访问，不要直接双击本地文件。
javascript打开新窗口显示图片,怎么用js文件实现?
其实很简单，就像xiangyuecn回答的那样。不过那是开新的浏览器窗口显示图片，如果你要在同一个窗口显示，那就要用到JS。
我想问一下,在JS中如何实现,让我点击的这张图片去里一个网页里面显示出...
如果是在新窗口看的话，不用JS，直接A标签加上图片地址就好了。如果是需要这种效果的话，可以制作隐藏层，点击图片的时候显示出来。
谁有数据库中存的是图片路径,然后jsp页面显示图片出来
1、准备要显示的图片,并创建一个最简单的jsp页面,运行起来。 2、通过ImageIo读取图片。 3、将图像的元字节数据保存到bytearray中。 4、将图像的字节数据用base64编码,转换成base64字符串。 5、把base64编码过的字符串放到img元素的src属性上。 6、最后就可以看到效果了。 已赞过 已踩过< 你对这个回答的评价...
通过JS实现。点击图片跳转到另一个网站。 一定要js代码的。不要普通...
每次js跳转，都得去找，有时候自己写还不确定自己对不对，今天在网上搜集下，然后写在这。方便以后查看 第一种： window.location.href="login.jsp?backurl="+window.location.href; 第二种： alert("返回");window.history.back(-1); 第三种： window.navigate(http:\/\/www.taoyiso.com ); ...
...的代码,想要在网页中,显示两个弹窗可以如何实现?
这个要看具体的代码实现。如果代码实现是显示\/隐藏原本在HTML中的元素，那就把隐藏的元素复制一份，JS代码复制一份改改名字就可以，虽然低端，胜在实现快。如果是动态创建，那就复杂一点了，需要修改创建的元素的标识来分别对应不同的弹窗。包括创建的元素ID，创建出的元素的关闭按钮绑定事件等等。如果考虑...
js如何打开一个新窗口js如何打开一个新窗口快捷键
1.首先打开电脑，然后打开JS，在里面创建一个HTML文件“test”。2.然后将HTML框架添加到测试文件中。3.然后添加两个输入，一个是按钮，另一个是文件。ID设置为“打开”,样式类型为“显示:无”,并且不显示。4.打开后，只会显示这个“打开文件”按钮。5.现在将onclick事件添加到按钮中，并调用openfile...
js如何弹出页面js如何弹出页面窗口
是否改变窗口大小,是允许的; 位置=否 是否显示地址栏,是允许的; Status=no是否显示状态栏中的信息(通常文件已经打开),yes是允许的; 示例:window.open(page.aspx iframe框架页面中弹出窗口如何使用JS回调? 可能是:冒泡所致,阻止冒泡,就可以了。js执行分为两个阶段,一个是捕获,然后就是冒泡。 举个例子,你在大p...
js如何实现页面跳转?
在JavaScript中实现页面跳转，主要通过`window.location.href`属性完成。这是最常用的页面跳转方法，只需设置`window.location.href`为你想要跳转的URL，浏览器即会立即跳转至指定页面。另一种方法是使用`window.open()`函数。它与`window.location.href`类似，但其独特之处在于，可以控制打开新窗口或标签...
javascript如何弹出警告框,框内显示一张图片,图片下面一个输入框,或...
Javascript自带的警告框是没办法做出这样的效果的，只能用HTML来模拟。首先，HTML里在BODY下加一个DIV，样式{position: absolute;left:0;top:0;display:none;} 然后把警告框的效果做成HTML放在这个DIV里，要弹出这个警告框的时候，把DIV的width跟height设置成document.clientWidth跟clientHeight，就是把DIV最...
用js对html里面的图片进行交互(用js对html里面的图片进行交互操作)_百度...
在js文件中写代码使得html点击图片变成另一幅图片?1、准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级。然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换。如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS。2、首先你在css里面设置product为none，就是添加display...
