0 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

<script type="text/javascript">

function loadXMLDoc()
{

var xmlhttp;

if (window.XMLHttpRequest)

  {// code for IE7+, Firefox, Chrome, Opera, Safari

  xmlhttp=new XMLHttpRequest();

  }

else

  {// code for IE6, IE5

  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

  }

xmlhttp.onreadystatechange=function()

  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)

    {

    window.alert(xmlhttp.responseText);

    }

  }
xmlhttp.open("GET","popup.html",true);

xmlhttp.send();

}
</script>
</head>
<body onload="javascript:loadXMLDoc()">

<div id="myDiv"><h2>AJAX image popup</h2></div>

</body>
</html>

实际上我想在 joomla 页面上使用它，但我无法获得任何扩展来做到这一点，所以我创建了这个脚本，但弹出窗口显示 html 而不是页面代码中的图像。我也尝试直接获取图像，但无法显示。

我想要实现的只是在页面加载时弹出图像。

亲切的问候。

4

1 回答 1

0

通过 JavaScript 功能实现的标准浏览器“弹出”alert()无法显示图像。它只是纯文本。

显示包含渲染 HTML 的“弹出窗口”的一种方法是使用jQuery UI Dialog。这实质上div在页面上创建了一个模态，它在 DOM 范围内模仿“弹出”的功能。它div可以包含您想要的任何 HTML：

<script>
    $(function() {
        $( "#dialog" ).dialog();
    });
</script>
<div id="dialog" title="Basic dialog">
    <!-- put your markup here -->
</div>
于 2012-07-24T13:05:36.700 回答