使用html中的jquery输入值窗口提示

Use jquery Input value window prompt in html

本文关键字：窗口 提示 输入 jquery html 中的 使用      更新时间：2023-09-26

我要做的是弹出一个带有文本输入的窗口提示/警报框。我希望使用jQuery代码中的文本值来代替html文档中a标记中的单词YOU。

jQuery代码我正在使用

$(document).ready(function() {
    var userName = window.prompt("Please Enter Your Name", "Text");
});

我的html

<body>
  <center><h1 class="Logo">Welcome to<br>an epic story adventure<br>starring <a>YOU!</a></h1></center>
  <p></p>
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/name.js"></script>
</body>

所以基本上，我想用窗口提示的输入值替换YOU!

您只需要在您拥有的userName JavaScript行之后添加此行：

$('h1.Logo a').text(userName);

附带说明一下，不要使用<center>元素；它不再有效。请改用CSS。此外，在您的示例中，<span>可能比<a>标记更合适。

相关文章：