gpt4 book ai didi

用于加载页面的 JavaScript 无法正常工作

转载 作者:行者123 更新时间:2023-11-28 20:05:48 25 4
gpt4 key购买 nike

我正在尝试使用 Javascript 从文本输入中获取文本,将其附加到 URL,然后转到该 URL。但是当我提交时,它似乎只是重新加载页面。

http://jsfiddle.net/E3vv6/

<html>
<head>
<title>Home</title>
<link rel="stylesheet" href="main.css" />
<script type="text/javascript">
function loadSearchResult(searchToLoad) {
window.location = "https://encrypted.google.com/search?q=" + searchToLoad;
}
</script>
</head>
<body>
<form onsubmit="loadSearchResult(document.getElementById('googleBox').value)" method="post">
<fieldset>
<legend>Search</legend>
<input type="text" id="googleBox">
</fieldset>
</form>
</body>
</html>

最佳答案

您需要在提交函数中使用event.preventDefault()

<强> Live Demo (click).

此外,由于多种原因,内联 js(html 中的 onsubmit)是不好的做法。以下是一些:https://www.google.com/search?q=Why+is+inline+js+bad%3F

如果使用 javascript 获取对表单的引用并附加事件监听器会更好。

<form id="myForm">
<input type="submit" value="Submit">
</form>

JavaScript:

var myForm = document.getElementById('myForm');

myForm.addEventListener('submit', function(e) {
myFunction();
e.preventDefault();
});

function myFunction() {
console.log('submitted!');
}

关于用于加载页面的 JavaScript 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20849126/

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