Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript में Onclick इम्प्लीमेंट करें और वेब ब्राउज़र को पिछले पेज पर जाने दें


पिछले पेज पर जाने के लिए बटन क्लिक का उपयोग

बटन क्लिक पर पिछले पेज पर पहुंचने के लिए, window.history.go(-1) कॉन्सेप्ट का उपयोग करें।

उदाहरण

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css">
    <style></style>
</head>
<body>
    <input action="gotoPreviousPage" onclick="window.history.go(-1); return false;" type="submit" value="पिछले पेज पर जाने के लिए बटन क्लिक करें...." />
    <script></script>
</body>
</html>

उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल को "anyName.html (index.html)" नाम से सेव करें और फ़ाइल पर राइट-क्लिक करें। VS Code एडिटर में "Open with Live Server" विकल्प चुनें।

आउटपुट

यह निम्नलिखित आउटपुट देगा -

JavaScript में Onclick इम्प्लीमेंट करें और वेब ब्राउज़र को पिछले पेज पर जाने दें

"पिछले पेज पर जाने के लिए बटन क्लिक करें...." बटन पर क्लिक करने के बाद, आप नीचे दिए गए स्क्रीनशॉट की तरह पिछले पेज पर पहुंच जाएंगे -

JavaScript में Onclick इम्प्लीमेंट करें और वेब ब्राउज़र को पिछले पेज पर जाने दें


  1. JavaScript का उपयोग करके एलिमेंट के अंदर टेक्स्ट सिलेक्ट और डीसिलेक्ट करना JavaScript का उपयोग करके एलिमेंट के अंदर टेक्स्ट सिलेक्ट और डीसिलेक्ट करना

    JavaScript का उपयोग करके एलिमेंट के अंदर टेक्स्ट सिलेक्ट और डीसिलेक्ट करने का निम्नलिखिक कोड है:उदाहरण<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0&qu

  1. JavaScript में onclick() के साथ फ़ंक्शन कॉल करें JavaScript में onclick() के साथ फ़ंक्शन कॉल करें

    मान लीजिए निम्नलिखित हमारा बटन है: Press Me हमें उपरोक्त बटन के क्लिक पर फ़ंक्शन कॉल करने की आवश्यकता है। उदाहरण निम्नलिखित कोड देखें: Document Press Me function displayingMessageOnButtonClick() { const showMessage = document.getElementById(showTheTextMessage); show

  1. वेब पेज पर वीडियो टैग को कैसे छिपाएं - JavaScript वेब पेज पर वीडियो टैग को कैसे छिपाएं - JavaScript

    मान लीजिए वेब पेज पर हमारे पास निम्नलिखित सैंपल वीडियो टैग है: <video class=hideVideo width=350 height=255 controls> <source src= id=unique_video_id> You cannot play video here...... </video> वेब पेज पर वीडियो को छिपाने के लिए, yourVariableName.style.display=none का उपयोग