使用输入字段文本扩展URL

时间:2016-01-20 06:43:17

标签: javascript

基本上我想要实现的应该是简单的退出,但我的技能是有限的。最后,我想在我的网站上创建一个'fake'搜索栏。它是一个输入字段,应该转到URL

mysite.com/search?q=INPUT

由于这是另一个网站搜索字段,'INPUT'应该是我网站的输入。通过这种方式,我可以将'fake'搜索栏用于其他页面。

希望这是有道理的。

如果您看一下这段代码,我们可以从这里开始吗?

<HTML><HEAD>
<SCRIPT>
function gotoURL(){
  var newURL = document.GotoForm.theURL.value
  document.location.href=newURL
  }
</SCRIPT></HEAD>
<BODY>
<FORM ACTION="JavaScript:gotoURL()" 
      METHOD="GET" 
      NAME="GotoForm">
URL:
<INPUT   TYPE="text" 
          NAME="theURL"  
          SIZE="50" 
          VALUE="INPUT TXT"
     MAXLENGTH="100">
<INPUT TYPE="submit" 
      VALUE="Goto">
</FORM></HTML>

如何管理特殊字符? (空格= +)(?=%3F)

最好,T

1 个答案:

答案 0 :(得分:0)

您可以按照以下方式更新您的功能:

function gotoURL(){
  var newURL = encodeURIComponent(document.GotoForm.theURL.value);
  document.location.href= 'http://testsite.com/search?q='+newURL
}
  

encodeURIComponent()函数对URI组件进行编码。这个   功能编码特殊字符。另外,它编码了   以下字符:,/? :@&amp; = + $#