0

如何将图像放在弹出窗口上并将其链接到 CSS 文件？假设我想插入big.jpg在我的计算机上调用的图像。这可以通过简单的 Javascript 代码来完成吗？

popupWindow.document.writeln('<html><head>');
popupWindow.document.writeln('<link rel="stylesheet" type="text/css" href="tressider.css" />');
popupWindow.document.writeln('</head><body>');
popupWindow.document.writeln('<h2 class="pp">'+help[3].office+'</h2>');
popupWindow.document.writeln('<p></p>');
popupWindow.document.writeln('<h3 >'+'725-0911'+'</h3>');
popupWindow.document.writeln('<p></p>');
popupWindow.document.writeln('<div class="wocao">'+help[3].Description+'</div>');
popupWindow.document.writeln('</body></html>');
popupWindow.document.bgColor="White";
popupWindow.focus();
popupWindow.document.close();
4

1 回答 1

0

是的，这可以通过直接在窗口中添加样式和 img 元素来轻松完成。

只需使用：

var _image = popupWindow.document.createElement('img');

_image.setAttribute('width',#);
_image.setAttribute('height',#);
_image.setAttribute('src',"myimg.png");


popupWindow.document.appendChild(_image);

并对样式标签执行相同的操作。

var _style = popupWindow.document.createElement('img');

_style.setAttribute('src',"mystyle.css");

popupWindow.document.appendChild(_style);
于 2013-07-18T17:59:00.633 回答