0

我对java脚本很陌生，谁能告诉我如何在单击按钮时弹出javascript。

我需要在此弹出窗口中添加一些文本和图像。

谢谢

4

4 回答 4

3

如果您希望新窗口作为弹出窗口打开，您可以使用：

window.open('newpage.html');

这将newpage.html在一个新窗口中打开文件，您可以使用 HTML 和 CSS 设置您喜欢的样式。

编辑：

如果您想在同一个窗口中执行此操作，我建议您隐藏一个 div，然后在单击时显示它，如下所示：

演示

您可以使用 jQuery 插件来实现这一点以及更多功能，但作为一个学习练习，上面的内容非常简单，不需要外部库

于 2013-05-29T09:42:11.520 回答
1

您可以使用：

alert('your text');

但是，如果您需要使用图像、背景等自定义弹出窗口，那么您最好掌握 jQuery 并学习它。

http://jquery.com/

周围有很多教程，只需谷歌即可（或购买一本好的手册:)

于 2013-05-29T09:41:29.807 回答
1

最简单的方法是使用 jQuery UI 弹出插件。您还需要包含jQuery库。

http://jqueryui.com/dialog/#modal-message

Javascript：

$(function() {
    $( "#dialog-message" ).dialog({
      modal: true,
      buttons: {
        Ok: function() {
          $( this ).dialog( "close" );
        }
      }
    });
  });

HTML：

<div id="dialog-message" title="Download complete">
  <p>
    <span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;"></span>
    Your files have downloaded successfully into the My Downloads folder.
  </p>
  <p>
    Currently using <b>36% of your storage space</b>.
  </p>
</div>
于 2013-05-29T09:41:58.973 回答
0

最简单的方法是使用jQuery Dialog，这是一个示例：jQuery Dialog

于 2013-05-29T09:43:32.467 回答