javascript 说明书-BindPopup中的Iframe链接拒绝加载

b5lpy0ml  于 2022-12-10  发布在  Java
关注(0)|答案(2)|浏览(119)

bounty将在7天后过期。回答此问题可获得+50声望奖励。MKR正在寻找标准答案:我需要选择器内填充网站的解决方案。我不明白为什么它不能按预期工作。

我想在传单中的BindPopup中的<iframe>选择器中显示一些外部网站。我不知道为什么我会遇到这样的情况:

我的JavaScript代码(嵌入在Python folium中)如下所示:

{map}.on("click", addMarker);

  const MarkerInfo = '<iframe src="https://www.wp.pl/" width="300"></iframe><center><button 
  type="button" class="remove">delete marker?</button></center>'

  const markerPlace = document.querySelector('.marker-position');

  function addMarker(e) {
  // ustawiamy aby marker był przesuwalny
  const marker = new L.marker(e.latlng, {
  draggable: true,
  }).addTo({map}).bindPopup(MarkerInfo);
   marker.on("popupopen", removeMarker);
   marker.on('dragend', dragedMarker);
   markerPlace.textContent = `new marker: ${e.latlng.lat}, ${e.latlng.lng}`;
  }

我错过了什么吗?

更新日期:

阅读此主题后:
Refused to display in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'
我已将URL更改为:

const MarkerInfo = "<iframe src='https://www.wp.pl/' width='300'&output=embed></iframe><center><button type='button' class='remove'>delete marker?</button></center>"

可惜还是老样子,恍如不知身在何处:window.location.replace(url);应该会出现

x8goxv8g

x8goxv8g1#

问题很有可能是您试图包含的站点不允许包含在IFrames中。如果您在devtools中检查该站点,它的标题为x-frame-options:DENY,它告诉浏览器它不允许它被包含在iFrame中。你可以在这里阅读更多关于它的信息:enter link description here

ctzwtxfj

ctzwtxfj2#

问题可能是您混用了'引号和"引号。请遵循引号阶层。首先使用双引号,然后使用单引号。

相关问题