0

我的页面上嵌入了一些 Google 地图；这些使我的页面变慢，所以我想在页面加载后加载它们，所以我正在尝试这样的事情。不幸的是，地图的 iframe 源发生了变化，但地图没有在里面加载，它只是空白。

例如链接：

<iframe width="300" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.in/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Megarugas+Banquet+and+Lawn,+Opp.+Chandivali+studio,&amp;aq=&amp;sll=19.127228,72.865035&amp;sspn=0.013259,0.022724&amp;ie=UTF8&amp;hq=Megarugas+Banquet+and+Lawn,+Opp.+Chandivali+studio,&amp;hnear=&amp;t=m&amp;cid=15174344858031542989&amp;ll=19.115165,72.894802&amp;spn=0.024329,0.025663&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="https://maps.google.co.in/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Megarugas+Banquet+and+Lawn,+Opp.+Chandivali+studio,&amp;aq=&amp;sll=19.127228,72.865035&amp;sspn=0.013259,0.022724&amp;ie=UTF8&amp;hq=Megarugas+Banquet+and+Lawn,+Opp.+Chandivali+studio,&amp;hnear=&amp;t=m&amp;cid=15174344858031542989&amp;ll=19.115165,72.894802&amp;spn=0.024329,0.025663&amp;z=14&amp;iwloc=A" style="color:#0000FF;text-align:left">View Larger Map</a></small>

HTML：

<iframe id="blabla"></iframe>

JS：

$(window).load(function() {
   if ($('#blabla').length <= 0) { return; }  // to avoid errors in case the element doesn't exist on the page / removed.
   $('#blabla').attr('src','//example.com/page');
});
4

1 回答 1

1

src 将不会在脚本内部被解析，您必须将所有出现的 替换&amp;为&

您不需要自己执行此操作。

创建一些元素，将 html 设置为 src，然后检索元素的文本：

$(window).load(function() {
   $('#blabla').attr('src',$('<span/>').html('https://example.com/page').text());
});

附加说明： 您不需要检查 的长度$('#blabla')，当 jQuery-object 为空时，您不会收到错误消息。

于 2012-11-14T00:55:44.743 回答