Html 如何将我的url打印到弹出窗口中_Html_Image_Popup_Click_Area

Html 如何将我的url打印到弹出窗口中

html image

Html 如何将我的url打印到弹出窗口中,html,image,popup,click,area,Html,Image,Popup,Click,Area,这是我的html可点击图片 <img title="Sans titre." src="upload/docs/image/png/2014-10/sans_titre.png" alt="Sans titre" width="964" height="260" usemap="#map" /> <map name="map"> <area shape="rect" coords="545,45,567,65" href="www.google.fr" alt="t

这是我的html可点击图片

<img title="Sans titre." src="upload/docs/image/png/2014-10/sans_titre.png" alt="Sans titre" width="964" height="260" usemap="#map" />
<map name="map">
<area shape="rect" coords="545,45,567,65" href="www.google.fr" alt="txte alternatif" target="_parent" /> </map>

我正在研究如何将点击结果放入弹出窗口，而不是当前窗口，也不是新选项卡。

有什么想法吗？

我认为您必须像这样使用jquery：

$(document).ready(function() {
      $('img').on('click', function() {
        window.alert("yourUrl");
      });
});

这样，当你点击img时，它会提示一个弹出窗口，其中包含你的URL，实际上你必须更改URL中的yourUrl字符串。

你可以通过保留你打开的窗口的引用来与弹出窗口通信。例如，这段代码打开一个弹出窗口并写入其中-您还可以使用popupReference.methodName（窗口范围）轻松调用弹出窗口中的方法

下面是一个简单的示例，可以帮助您继续：

html

<a href="#" id="popupopener">open</a>
<br/>
<input type="text" id="somethingToSend"></input><a href="#" id="popupwriter">send to popuop</a>

(function () {
    var popupReference = null;
    document.getElementById('popupopener').addEventListener('click', function () {
        popupReference = window.open("", null, "height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");  
    });
    document.getElementById('popupwriter').addEventListener('click', function () {
        popupReference.document.write('<br/>' + document.getElementById('somethingToSend').value);
    });
})();

（函数（）{
var popupReference=null；
document.getElementById（'popuOpener'）。addEventListener（'click'，function（）{
popupReference=window.open（“，null，“高度=200，宽度=400，状态=yes，工具栏=no，菜单栏=no，位置=no”）；
});
document.getElementById（'popupwriter'）。addEventListener（'click'，函数（）{
popupReference.document.write（“
”+document.getElementById（'somethingToSend'）.value）；
});
})();

总而言之：

<html>
<body>
<a href="#" id="popupopener">open</a>
<br/>
<input type="text" id="somethingToSend"></input><a href="#" id="popupwriter">send to popuop</a>
<script>
(function () {
    var popupReference = null;
    document.getElementById('popupopener').addEventListener('click', function () {
        popupReference = window.open("", null, "height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");  
    });
    document.getElementById('popupwriter').addEventListener('click', function () {
        popupReference.document.write('<br/>' + document.getElementById('somethingToSend').value);
    });
})();
</script>
</body>
</html>




（功能（）{
var popupReference=null；
document.getElementById（'popuOpener'）。addEventListener（'click'，function（）{
popupReference=window.open（“，null，“高度=200，宽度=400，状态=yes，工具栏=no，菜单栏=no，位置=no”）；
});
document.getElementById（'popupwriter'）。addEventListener（'click'，函数（）{
popupReference.document.write（“
”+document.getElementById（'somethingToSend'）.value）；
});
})();