Question

我想要一个带有预设url的搜索栏，例如，我希望我的url类似于youtube.com/的预设，然后在搜索栏中的/后，用户会说出一些内容，例如CrashCourse和当他们按Enter时，它将重定向到youtube.com/CrashCourse！

Answer 1

您有兴趣设置基本标签，例如

<base href="https://www.youtube.com/" target="_blank">

以在线示例进行尝试：https://www.w3schools.com/tags/tag_base.asp

Answer 2

尝试一下：

function redirect(){
  //Get input element
  input=document.getElementById("input");
  //Redirect the user
  window.location="https://youtube.com/"+input.value;
  alert("https://youtube.com/"+input.value);
}

/*SO relevant*/
body{
margin:0;
background:#121212;
color:white;
font-family:Helvetica, sans-serif;

}
#input{
color:white;
margin:5px;
padding:5px;
background:black;
border:1px solid grey;
}

a{color:orange;}

<!DOCTYPE html>
<html>
<head>
<!-- Your styling here -->
</head>
<body>
<input type="text" id="input">
<a href="javascript:redirect();">Redirect me!</a>
</body>
</html>

我正在使用搜索栏，但要向其中添加预设的网址

2 个答案: