जावास्क्रिप्ट बटन पर एक पेज लोड करें

Question

मैं यहां एक बहुत ही सरल कार्य करने की कोशिश कर रहा हूं, मैं एक पृष्ठ पर एक बटन क्लिक करने में सक्षम होना चाहता हूं और इसे मुझे दूसरे पृष्ठ पर ले जाना चाहता हूं। मैंने window.location.href, और अन्य चीजों का एक गुच्छा करने की कोशिश की है और यह कुछ भी नहीं करता है। मैंने एक ही परिणाम के साथ विभिन्न प्लेटफॉर्म और विभिन्न ब्राउज़रों का प्रयास किया है।

मुझे पता है कि यह एक फ़ंक्शन कॉल कर सकता है लेकिन मुझे बस नया पृष्ठ लोड नहीं हो सकता है। यह सब मेरे स्थानीय फाइल सिस्टम में है और दोनों पेज एक ही स्तर पर रहते हैं (लेकिन मैंने www.apple.com जैसे बाहरी पेज को लोड करने का भी प्रयास किया है)।

कोई विचार?

धन्यवाद पैट्रिक

Answer 1

सरल कोड पेज रीडायरेक्ट करने के लिए

<!-- html button designing and calling the event in javascript --> 
<input id="btntest" type="button" value="Check" 
     onclick=window.location.href = 'http://www.google.com' " /> 

Answer 2

बस window.location = "http://wherever.you.wanna.go.com/", या, स्थानीय लिंक के लिए window.location = "my_relative_link.html"।

आप इसे अपने पता बार में टाइप करके भी कोशिश कर सकते हैं, उदा। javascript: window.location = "http://www.google.com/"।

यह भी ध्यान रखें कि यूआरएल का प्रोटोकॉल हिस्सा (http://) पूर्ण लिंक के लिए वैकल्पिक नहीं है; इसे छोड़कर जावास्क्रिप्ट एक रिश्तेदार लिंक मान लेगा।

Answer 3

फॉर्म तत्वों का दुरुपयोग न करें जहां < > तत्व पर्याप्त होंगे।

<style> 
    /* or put this in your stylesheet */ 

    .button { 
     display: inline-block; 
     padding: 3px 5px; 
     border: 1px solid #000; 
     background: #eee; 
    } 

</style> 

<!-- instead of abusing a button or input element --> 
<a href="url" class="button">text</a> 

Answer 4

जवाब यहां एक ही ब्राउज़र विंडो/टैब में पेज खोलने के लिए काम करते हैं।

हालांकि, मैं चाहता था कि पृष्ठ एक बटन पर क्लिक करते समय एक नई विंडो/टैब में खुल जाए। (टैब/विंडो निर्णय उपयोगकर्ता की ब्राउज़र सेटिंग पर निर्भर करता है)

तो यहाँ है कि यह कैसे नए टैब में पृष्ठ खोलने के लिए काम किया है/खिड़की:

<button type="button" onclick="window.open('http://www.example.com/', '_blank');">View Example Page</button> 

यह एक होने की जरूरत नहीं है बटन, आप कहीं भी उपयोग कर सकते हैं। _blank पर ध्यान दें जिसका उपयोग नए टैब/विंडो में खोलने के लिए किया जाता है।