javascript - HTML 和 JavaScript 使搜索输入为 URL 做好准备

Question

我正在制作一个网页，以便可以从自定义页面搜索谷歌。但是当我点击搜索时，它会在谷歌上搜索我的输入，但是当我输入 # 和 % 以及所有这些字符时，URL 应该不同。所以我的问题是如何转换这样的东西：

http://www.google.com/#q=Hello World C#

对此：

http://www.google.com/#q=HEllo+world+C%23

使用 JavaScript

编辑：这是我尝试使用的功能

    $('button#SubmitSearch').click
    (
        function()
        {
            window.location = encodeURIComponent("https://www.google.nl/#q=" + $('input#SearchBar').val());
        }
    );

和

    $('button#SubmitSearch').click
    (
        function()
        {
            window.location = "https://www.google.nl/#q=" + $('input#SearchBar').val();
        }
    );

Answer 1

使用encodeURI，例如：

console.log(encodeURI('http://www.google.com/#q=Hello World C#'));
> "http://www.google.com/#q=Hello%20World%20C#"

或 编码URIComponent

console.log(encodeURIComponent('Hello World C#'));
> "Hello%20World%20C%23"

从你的 OP ：

$('button#SubmitSearch').click(function(){
    window.location = "https://www.google.nl/#q=" + encodeURIComponent($('input#SearchBar').val());
});

Answer 2

使用函数 encodeURIComponent：

encodeURIComponent('this is a string with special characters like # and ?')

希望能帮助到你 ：）

Answer 3

试试这个 Var search = document.getElementById("searchbox"); 然后使用 addeventlistener 或 onClick

key=key.replace(/ /g,"+"); document.location(" http://google.com/#q " + search.value);