如何使用JavaScript在HTML中触发按钮?
我尝试在HTML文件中使用<script></script>
,它可以正常工作,但是我想在单击HTML中的按钮时使用JavaScript文件进行触发。
以下是代码:
HTML中的JavaScript代码放在<head></head>
标签中:
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js">
<script src="jsFiles/index.js"></script>
HTML:
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Message</a>
<a class="dropdown-item" href="#">Settings</a>
<a class="dropdown-item" id="a_id">Log Out</a>
</div>
JAVASCRIPT文件:
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
$(document).ready(function(){
$("#a_id").click(function(){
swal({title:'Logout',
text:'Do you want to logout this Account?',
icon:'warning',
buttons: true,
dangerMode: true
})
.then((willOUT) => {
if (willOUT) {
window.location.href = 'page-logout.php', {
icon: 'success',
}
}
});
});
});
</script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
是不是在 index.js 里面? - Ele<script src="jsFiles/index.js"></script>
的上方加入<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
,然后再试一下。如果不包含 jQuery,它是无法工作的,这就是 Obsidian Age 所说的。 - Aniket G