从他们的搜索确实Digg的删除“&X = 0 Y = 0”结果如何网址?
-
21-09-2019 - |
题
我使用的图像作为用于搜索表单提交按钮,即:
<input id="search" type="image" alt="Search" src="/images/searchButton.png" name=""/>
这在铬和Firefox一个不幸的副作用 - 参数&X = 0&y = 0的出现在搜索的最终结果URL,例如,如果我搜索我引导到网页“食品”:
main/search?search=food&x=0&y=0
一些狩猎围绕网上表示,这是标准的行为,当您使用图像提交表单。
我注意到,Digg.com使用图像来提交搜索表单,但避免了这种行为。我想不通他们是如何做到这一点。他们似乎没有被使用Javascript提交表单。谁能告诉?
解决方案
Digg的是使用JavaScript来做到这一点。尝试提交使用JavaScript搜索表单您的浏览器禁用。
其他提示
代替使用<input type="image">
的,你可以使用一个<button>
元素:
<button type="submit" style="border: 0; background: transparent">
<img src="image.png"></img>
</button>
,这些参数表示,其中所述点击是对图像行使的位置,这是当它涉及到使用图像作为提交按钮的最默认行为如果不是所有的浏览器。您可以使用一种变通方法,基本上通过JavaScript去提交表单,就像你在watain的例子中看到。也可以创建一个提交按钮那不是一个表单元素,通过利用form.submit()作为附加到该图像的动作。
您可以使用JavaScript来提交这样的形式,它仍然是最简单的方法:
<script>
yourForm.onSubmit = function() {
location.href = 'main/search?search=' + encodeURIComponent(yourForm.elements['query'].value);
return false;
}
</script>
不幸的是,我不知道他们是如何做到这一点不使用JavaScript。
编辑:顺便说一句,你还可以用它被点击时会提交表单一个简单的
不隶属于 StackOverflow