Question

在我的JS中我有一个IF条件。我希望能够在我的html页面中弹出一个弹出窗口。如何在javascript中显示以下弹出窗口？

<a href="#x" class="overlay" id="welcome_message"></a>
     <div class="popup">
          <h2>Welcome</h2>
          <p>blah blah...</p>
     <div>
          <label for="name">Name</label>
          <input type="text" id="name" value=""/>
     </div>
</div>

Answer 1

prompt('Welcome\nblah blah...\n\nName');

会出现一个对话框，上面写着：

page. com says:

Welcome
blah blah...

Name ___________

Demo

\n创建一个新行，prompt接受用户输入。

Answer 2

试试这个（jQuery）：

$(document).on('click', '#welcome_message:not(.active)', function(){
    $(this).addClass('active');
    $('.popup').show();
    return false;
})
.on('click', '#welcome_message.active', function(){
    $(this).removeClass('active');
    $('.popup').hide();
    return false;
});

Answer 3

使用js插件，如bootstrap或模式弹出。这些插件也将提供css和不同的功能。 Bootsrap

<强>被修改

您可以在以下链接http://getbootstrap.com/javascript/#modals找到演示如果您仍然遇到任何问题，请告诉我。

从js触发html弹出窗口

3 个答案: