كيفية جعل زر إعادة توجيه إلى صفحة أخرى باستخدام JQuery أو JavaScript

Question

أنا صنع نموذج أولي وأريد أن يربط زر البحث إلى صفحة نتائج البحث عينة.

كيف يمكنني إعادة توجيه زر إلى صفحة أخرى عند النقر فوق jQuery.

Answer 1

بدون برنامج نصي:

<form action="where-you-want-to-go"><input type="submit"></form>

الأفضل من ذلك، نظرا لأنك تذهب في مكان ما، فاضل المستخدم بالواجهة القياسية ل "الذهاب فقط إلى مكان":

<a href="where-you-want-to-go">ta da</a>

على الرغم من أن السياق يبدو وكأنه "محاكاة بحث عادي حيث يقدم المستخدم نموذجا"، في هذه الحالة الخيار الأول هو الطريق للذهاب.

Answer 2

هل هذا ما تقصده؟

$('button selector').click(function(){
   window.location.href='the_link_to_go_to.html';
})

Answer 3

$('#someButton').click(function() {
    window.location.href = '/some/new/page';
    return false;
});

Answer 4

مع جافا سكريبت بسيطة:

<input type="button" onclick="window.location = 'path-here';">

Answer 5

في HTML الخاص بك، يمكنك إضافة سمة البيانات إلى الزر الخاص بك:

<button type="submit" class="mybtn" data-target="/search.html">Search</button>

ثم يمكنك استخدام JQuery لتغيير عنوان URL:

$('.mybtn').on('click', function(event) {
    event.preventDefault(); 
    var url = $(this).data('target');
    location.replace(url);
});

أتمنى أن يساعدك هذا

Answer 6

يمكنك استخدام:

  location.href = "newpage.html"

في حدث OnClick في الزر.

Answer 7

هذا يجب أن يعمل ..

$('#buttonID').click(function(){ window.location = 'new url'});

Answer 8

لا حاجة ل JavaScript، فقط لفه في رابط

<a href="http://www.google.com"><button type="button">button</button></a>

Answer 9

يمكنك استخدام window.location

window.location="/newpage.php";

أو يمكنك فقط إجراء النموذج الذي يوجد فيه زر البحث لديك إجراءات من الصفحة التي تريدها.

Answer 10

يمكنك استخدام رمز JavaScript بسيط هذا لإجراء زر البحث للربط بصفحة نتائج البحث عينة. هنا لقد قمت بإعادة توجيهها إلى '/بحث' من صفحتي الرئيسية، إذا كنت ترغب في البحث من محرك بحث Google، يمكنك استخدامه "https://www.google.com/search." في نموذج العمل.

<form action="/search"> Enter your search text: 
<input type="text" id="searchtext" name="q"> &nbsp;
<input onclick="myFunction()" type="submit" value="Search It" />
</form> 
<script> function myFunction() 
{ 
var search = document.getElementById("searchtext").value; 
window.location = '/search?q='+search; 
} 
</script>

Answer 11

وفي القضبان 3 مع coffeescript باستخدام JavaScript غير مزعجة (UJS):

اضف إليه assets/javascripts/my_controller.js.coffee:

$ ->
  $('#field_name').click ->
    window.location.href = 'new_url'

الذي يقرأ: عندما أطلق الحدث المستند.ريدي، أضف onclick حدث إلى كائن DOM هو معرف field_name الذي ينفذ جافا سكريبت window.location.href='new_url';

Answer 12

هناك الكثير من الأسئلة هنا حول إعادة توجيه الجانب العميل، ولا أستطيع أن أبطال في معظمها ... هذا استثناء.

إعادة التوجيه ليس من المفترض أن يأتي من العميل ... من المفترض أن يأتي من الخادم. إذا لم يكن لديك أي سيطرة على الخادم، فيمكنك بالتأكيد استخدام JavaScript لاختيار عنوان URL آخر للذهاب إليه، ولكن ... هذا ليس إعادة توجيه. يتم إعادة التوجيه مع 300 رموز الحالة على الخادم، أو عن طريق تحسين علامة Meta في HTML.

Answer 13

هذه هي الطريقة للقيام بذلك، أوينز ويعمل لكنها ليست قانونية HTML القانونية، من الناحية الفنية، هذه الإجابة ليست مسجا (ولكن منذ jQuery هو pseudoocode مستعدة مسبقا - إعادة تفسيرها على منصة العميل مثل جافا سكريبت الأصلي - هناك حقا يكون لا شيء مثل jQuery على أي حال)

 <button onclick="window.location.href='http://www.google.com';">Google</button>

Answer 14

استخدم رابط وأسلوب مثل زر:

<a href="#page2" class="ui-btn ui-shadow ui-corner-all">Click this button</a>

Answer 15

من رمز 2012.

<button href="/signin" onclick=";window.location.href=this.getAttribute('href');return false;">Sign In</button>