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

时间:2015-03-19 00:35:02

标签: javascript jquery html

我尝试做的是弹出一个带有文本输入的窗口提示/警告框。我希望使用我的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!

1 个答案:

答案 0 :(得分:0)

您只需要在userName JavaScript行之后添加此行:

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

在旁注中,请勿使用<center>元素;它不再有效了。请改用CSS。另外,<span>可能比示例中的<a>标记更合适。