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#"

或者 encodeURIComponent

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）;

HTML和JavaScript为URL准备好搜索输入

3 个答案: