单击[复制]链接后如何显示警报框
你好，这就是我想做的。我想在用户单击链接后显示警报框。我的链接指向另一个php页面，但它将再次返回到找到链接的页面。我怎样才能做到这一点？有人能告诉我怎么做吗？
这是我尝试过的，但不起作用。
<?php
function fsa() {
echo '<div class="alert alert-success alert-dismissable" id="success-alert">';
echo '<strong>Successfully posted!</strong>';
echo '</div>';
}
<a class='btn btn-info left-margin' href="dbf-import.php" onclick="fsa()">Import Database</a>
共有3个答案
PHP用于生成HTML和JS。您可以在PHP文件中同时使用这两种格式，但需要了解PHP和JS之间的区别。您调用的函数fsa（）是一个JS函数，因为它将在客户端运行（在客户端计算机上和页面加载后）。HTML标记中的onclick参数需要挂接一个JS函数。当你点击你的
// this is JS, you need <script> tags !!!
<script>
function fsa() {
// define a new variable
var box = '';
// add the HTML inside the JS variable
box += '<div class="alert alert-success alert-dismissable" id="success-alert">';
box += '<strong>Successfully posted!</strong>';
box += '</div>';
// append the HTML contained inside box to the body
document.querySelector('body').innerHTML += box;
}
</script>
<a class='btn btn-info left-margin' onclick="fsa()">Import Database</a>
如果希望在不重新加载客户端页面的情况下保存数据，则可能需要使用AJAX
您可以通过引导模式而不是警报框来实现。你可以根据你的需要来设计它。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
click on this link :
<!-- Trigger the modal with a button -->
<span data-toggle="modal" data-target="#myModal">www.google.com</span>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Alert Box. Click 'OK' to go to www.google.com</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" onClick="document.location.href='www.google.com'">Go</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
这是单击按钮时显示dissmissable警报框的示例。
$(document).ready(function() {
$('.activater').click(function() {
$('.alert').show()
})
});.alert {
display: none;
}html lang-html prettyprint-override"><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" />
<body>
<div class="container">
<h2>Dismissal Alert Messages</h2>
<button class="activater">Send Message</button>
<a class="activater">SHOW MESSAGE</a>
<div class="alert alert-success alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
Success! message sent successfully.
</div>
</div>
</body>-
问题内容： 我希望此链接具有一个JavaScript对话框，询问用户“ 您确定吗？ 是/否 ”。 如果用户单击“是”，则链接应该加载，如果“否”，则什么也不会发生。 我知道如何通过运行返回或的函数以表格形式进行操作。但是，我该如何使用链接呢？ 问题答案： 内联事件处理程序 以最简单的方式，您可以在内联处理程序中使用该函数。 高级事件处理 但是通常情况下，您希望将HTML和Javascript分开，
-
本文向大家介绍如何在JavaScript警告中显示超链接？，包括了如何在JavaScript警告中显示超链接？的使用技巧和注意事项，需要的朋友参考一下 无法在JavaScript的警报框中显示超链接。要显示链接，请使用自定义警报框。使用对话框警报小部件，您可以实现以下目的： 有关更多信息，请参阅Dialog Alert Widget的源代码。
-
它表示TypeError：无法读取未定义的属性（读取'then'）。我需要先显示警报消息，然后再打开窗口。打开站点。
-
点击一个元素后，如何使用selenium找到当前url？我有这个网站:http://www.runningintheusa.com/Classic/View.aspx?RaceID=5622 我有代码(假设所有相关的库都已导入) 我运行代码，它只返回原来的网址是http://www.runningintheusa.com/Classic/View.aspx?RaceID=5622 我怎么能找到的网
-
链接到我正在尝试刮取的页面： https://www.nytimes.com/reviews/dining 因为这个页面有一个“show more”按钮，所以我需要Selenium自动反复单击“show more”按钮，然后以某种方式使用Beauty soup来获取页面上每个餐厅评论的链接。在下面的照片中，我想获取的链接位于https://...onigiri.html" 迄今为止的代码： 我如何
-
本文向大家介绍如何通过单击iOS中的警报外部来关闭警报？，包括了如何通过单击iOS中的警报外部来关闭警报？的使用技巧和注意事项，需要的朋友参考一下 理解和实现UIAlert可能会很棘手，特别是如果您不熟悉iOS开发，在这篇文章中，我们将看到当用户在警报框外点击时如何解除警报。 对于此演示，我们将使用UIAlert类，以使用要显示的消息以及可供选择的操作来配置警报和操作表。用所需的动作和样式配置警报