gpt4 book ai didi

javascript - 使用指定的用户名从 tumblr 中提取 javascript

转载 作者:行者123 更新时间:2023-11-28 00:02:14 24 4
gpt4 key购买 nike

我正在尝试编写一段相当简单的代码来工作。它的本质就是获取用户输入,将其附加到源 URL,然后使用脚本显示适当的 tumblr feed。

我在这方面花了一些时间,但我无法理解 javascript 如何工作来完成这样的事情。

这是我到目前为止所拥有的:

<html>
<body>
<form>
Tumblr Username:<br>
<input type="text" name="username">
<br>
<br>
<input type="submit" value="Submit">
</form>
<script type="text/javascript" src= username + ".tumblr.com/js"></script>
</body>
</html>

提前致谢。

最佳答案

JavaScript 的工作方式是,您需要一个事件来附加代码的运行。在您的情况下,表单的 submit 事件。此外,您无法在尝试时计算 HTML 中的值;您将需要代码来操作 HTML(DOM)。以下是如何执行此操作的示例:

<html>
<body>
<form onSubmit="handleSubmit(event)">
Tumblr Username:<br>
<input type="text" name="username">
<br>
<br>
<input type="submit" value="Submit">
</form>
<script id="theScript" type="text/javascript"></script>
<script>
function handleSubmit(e) {
e.preventDefault(); // Keep the form from actually submitting
var username = document.querySelector('[name="username"]').value;
document.getElementById('theScript').src = username + '.tumblr.com/js';
}
</script>
</body>
</html>

关于javascript - 使用指定的用户名从 tumblr 中提取 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31687373/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com