javascript - How pass data from parent page to popup? -

मेरे पास निम्न कोड है:

पैरेंट पृष्ठ:

  & lt ;; DOCTYPE html & gt; & LT; html & gt; & Lt; शीर्ष & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; a href = # onclick = 'showMap ()' & gt; नक्शा दिखाएँ & lt; a & gt; & Lt; div id = "map-canvas" & gt; & lt; / div & gt; & Lt; / body & gt; & LT; स्क्रिप्ट & gt; फ़ंक्शन शोमैप () {window.open ('map.html', 'नक्शा', 'चौड़ाई = 600, ऊंचाई = 400'); } & Lt; / script & gt; & Lt; / html & gt;  

map.html:

<प्री> & lt;! DOCTYPE html & gt; & LT; html & gt; & Lt; शीर्ष & gt; & Lt; मेटा नाम = "व्यूपोर्ट" सामग्री = "प्रारंभिक-पैमाने = 1.0, उपयोगकर्ता-स्केलेबल = नहीं" & gt; & Lt; मेटा वर्णसेट = "यूटीएफ -8" & gt; & Lt; शीर्षक & gt; सूचना खिड़कियां & lt; / title & gt; & LT; शैली & gt; Html, body, # map-canvas {ऊंचाई: 100%; मार्जिन: 0 पिक्स; पैडिंग: 0 पिक्सेल} & lt; / style & gt; & Lt; script src = "https://maps.googleapis.com/maps/api/js?v=3.exp" & gt; & lt; / स्क्रिप्ट & gt; & LT; स्क्रिप्ट & gt; फ़ंक्शन इनिशियलाइज़ () {var myLatlng = new google.maps.LatLng (-25.363882,131.044 9 22); Var नक्शा विकल्प = {ज़ूम: 4, केंद्र: myLatlng}; Var नक्शा = नया google.maps.Map (document.getElementById ('map-canvas'), मानचित्र विकल्प); Var मार्कर = नया google.maps.Marker ({स्थिति: myLatlng, मानचित्र: मानचित्र, शीर्षक: 'उल्लू (एयर्स रॉक)'}); } Google.maps.event.addDomListener (विंडो, 'लोड', प्रारंभ); & Lt; / स्क्रिप्ट & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; div id = "map-canvas" & gt; & lt; / div & gt; & Lt; / body & gt; & Lt; / html & gt;

जैसा कि आप देख सकते हैं मैं नक्शा मार्कर रेंडरिंग के लिए हार्डकोड मूल्यों का उपयोग करता हूं:

  var myLatlng = new google.maps.LatLng (-25.363882,131.044922);  

क्या मैं इन मानों को मूल पृष्ठ से पॉपअप में पास कर सकता हूं?

चूंकि आपने पूछा था कि माता-पिता से कैसे एक विकल्प पॉप अप करने के लिए पारित किया जाए तो क्वेरी स्ट्रिंग पैरामीटर होगा:

  & lt; a href = # onclick = 'showMap (-25.363882,131.044922)' & gt; दिखाएं मानचित्र & lt; a & gt; फ़ंक्शन शोमैप (lat, lng) {window.open ('map.html lat =' + + अक्षांश '& amp; lng =' + lng, 'map', 'width = 600, height = 400'); }  

फिर map.html में उन मानों को इकट्ठा करें और उपयोग करें ..

अपडेट: क्वेरी स्ट्रिंग मानों को इकट्ठा करने में कई तरीकों से किया जा सकता है त्वरित खोज

  फ़ंक्शन getParameterByName (name) {name = name.replace (/ [\ [] /, "\\ [")। Replace (/ [\]] /, "\\" ] "); Var regex = new RegExp ("[\\? & Amp;]" + name + "= ([^ & amp; #] *)"), परिणाम = regex.exec (location.search); रिटर्न परिणाम === नल? "": डिकोडुरिक घटक (परिणाम [1] .replace (/ \ + / g, "")); } Var lat = getParameterByName ('lat'); Var lon = getParameterByName ('लॉन');  

से लिया गया:

आप यह भी देख सकते हैं:

मैंने परीक्षण किया और इसके सभी काम:

जिसके परिणामस्वरूप index.html:

  & lt;! DOCTYPE html & gt; & LT; html & gt; & Lt; शीर्ष & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; a href = # onclick = 'शो मैप (-25.363882,131.044 9 22)' & gt; नक्शा दिखाएँ & lt; a & gt; & Lt; div id = "map-canvas" & gt; & lt; / div & gt; & Lt; / body & gt; & LT; स्क्रिप्ट & gt; फ़ंक्शन शोमैप (lat, lng) {window.open ('map.html lat =' + + अक्षांश '& amp; lng =' + lng, 'map', 'width = 600, height = 400'); } & Lt; / script & gt; & Lt; / html & gt;  

और परिणामस्वरूप map.html:

  & lt;! DOCTYPE html & gt; & LT; html & gt; & Lt; शीर्ष & gt; & Lt; मेटा नाम = "व्यूपोर्ट" सामग्री = "प्रारंभिक-पैमाने = 1.0, उपयोगकर्ता-स्केलेबल = नहीं" & gt; & Lt; मेटा वर्णसेट = "यूटीएफ -8" & gt; & Lt; शीर्षक & gt; सूचना खिड़कियां & lt; / title & gt; & LT; शैली & gt; Html, body, # map-canvas {ऊंचाई: 100%; मार्जिन: 0 पिक्स; पैडिंग: 0 पिक्सेल} & lt; / style & gt; & Lt; script src = "https://maps.googleapis.com/maps/api/js?v=3.exp" & gt; & lt; / स्क्रिप्ट & gt; & LT; स्क्रिप्ट & gt; फ़ंक्शन getParameterByName (name) {name = name.replace (/ [\ [] /, "\\ [")। Replace (/ [\]] /, "\\]"); Var regex = new RegExp ("[\\? & Amp;]" + name + "= ([^ & amp; #] *)"), परिणाम = regex.exec (location.search); रिटर्न परिणाम === नल? "": डिकोडुरिक घटक (परिणाम [1] .replace (/ \ + / g, "")); } Var lat = getParameterByName ('lat'); Var lon = getParameterByName ('लॉन'); फ़ंक्शन इनिशियलाइज़ () {var myLatlng = new google.maps.LatLng (अक्षांश, लोन); Var नक्शा विकल्प = {ज़ूम: 4, केंद्र: myLatlng}; Var नक्शा = नया google.maps.Map (document.getElementById ('map-canvas'), मानचित्र विकल्प); Var मार्कर = नया google.maps.Marker ({स्थिति: myLatlng, मानचित्र: मानचित्र, शीर्षक: 'उल्लू (एयर्स रॉक)'}); } Google.maps.event.addDomListener (विंडो, 'लोड', प्रारंभ); & Lt; / स्क्रिप्ट & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; div id = "map-canvas" & gt; & lt; / div & gt; & Lt; / body & gt; & Lt; / html & gt;