當您單擊帶有 onclick 函式而不是 href 的觸發器按鈕時，我試圖彈出一個視窗。我沒有分享 CSS 因為它有點長。HTML 代碼的第 2 行，我想用鏈接到 JS“myFunction()”的 onclick 替換 href，這樣我就可以只在某些特定情況下觸發彈出視窗。
HTML
<div class="box">
<a class="button" href="#popup1">upvote</a>
</div>
<div id="popup1" class="overlay">
<div class="popup">
<h3>Looks like you are not logged in!</h3>
<a class="close" href="#">×</a>
<div class="content">
Please identify yourself before voting.
</div>
</div>
</div>
JS
function myFunction()
{
var popup = document.getElementById("popup1");
popup.classList.toggle("show");
}
uj5u.com熱心網友回復：
您可以洗掉 href 并添加屬性 onclick=myFunction()
并處理在 js 中顯示和格式化彈出視窗
uj5u.com熱心網友回復：
編輯過的 HTML，現在 onclick 屬性正在替換該 trigger 的 href 屬性<button>，這是用于此類任務的語意正確的 HTML 元素：
<div class="box">
<button onclick="myFunction()">upvote</button>
</div>
<div id="popup1" class="overlay">
<div class="popup">
<h3>Looks like you are not logged in!</h3>
<a class="close" href="#">×</a>
<div class="content">
Please identify yourself before voting.
</div>
</div>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/339327.html
標籤：javascript html css
上一篇：React：子組件中的陳舊道具