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

मेरी HTML फ़ाइल को स्रोत मॉड्यूल से JavaScript फ़ंक्शन क्यों नहीं मिल रहा है?


ऐसा तब हो सकता है जब आपने "निर्यात" कथन का उपयोग नहीं किया हो। फ़ंक्शन से पहले "निर्यात" का उपयोग करें जिसे स्क्रिप्ट फ़ाइल में आयात किया जाएगा। जावास्क्रिप्ट फ़ाइल इस प्रकार है जिसकी फ़ाइल का नाम डेमो.जेएस है।

demo.js

console.log("function will import");
export function test(){
   console.log("Imported!!!");
}

यहाँ "index.html" फ़ाइल है जो उपरोक्त फ़ंक्शन को आयात करती है -

index.html

उदाहरण

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=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>
</head>
<body>
<script type='module'>
   import { test } from "./demo.js"
   test();
</script>
</body>
</html>

उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।

डेमो.जेएस फ़ाइल का आउटपुट निम्नलिखित है, जिसका फ़ंक्शन नाम परीक्षण () है।

मेरी HTML फ़ाइल को स्रोत मॉड्यूल से JavaScript फ़ंक्शन क्यों नहीं मिल रहा है?


  1. जावास्क्रिप्ट में बाहरी बाहरी समारोह से श्रोता को हटा रहा है?

    श्रोता को बाहरी फ़ंक्शन से निकालने के लिए, removeEventListener() का उपयोग करें। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.

  1. मैं अपने बच्चे के आंतरिक पाठ के बिना जावास्क्रिप्ट में एच 1 आंतरिक टेक्स्ट कैसे प्राप्त कर सकता हूं?

    इसके लिए आप टेक्स्ट कंटेंट का उपयोग कर सकते हैं, जैसे - childNodes[0].textContent; उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=d

  1. जावास्क्रिप्ट किसी फ़ंक्शन का परिणाम HTML के रूप में प्रदर्शित करता है?

    किसी फ़ंक्शन के परिणाम को HTML के रूप में प्रदर्शित करने के लिए, आप - . का उपयोग कर सकते हैं document.getElementById().innerHTML. उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta