如何在 iframe 之后自动加载 javascript

Posted 2023-05-09

【中文标题】如何在 iframe 之后自动加载 javascript

【英文标题】：how to auto load javascript after iframe

【发布时间】：2016-09-21 05:10:30

【问题描述】：

我有 youtube 视频的 iframe 嵌入代码，我想在每个 iframe 之后自动加载 javascript。我使用wordpress。

我想创建这个 - 当用户在我的 wordpress 网站中打开任何帖子/页面时，如果帖子/页面包含任何 iframe，则 javascript 在每个 iframe 之后自动加载。

这是我想在 iframe 之后加载的 javascript。

<script src="https://apis.google.com/js/platform.js"></script>
<script>
function onYtEvent(payload) 
if (payload.eventType == 'subscribe') 
  // Add code to handle subscribe event.
 else if (payload.eventType == 'unsubscribe') 
  // Add code to handle unsubscribe event.

if (window.console)  // for debugging only
  window.console.log('YT event: ', payload);


</script>

<div class="g-ytsubscribe" data-channelid="UC_Lmg76m-DMN_EVURz_G9zw" data-layout="full" data-count="hidden" data-onytevent="onYtEvent"></div>

这是 iframe

<iframe   src="https://www.youtube.com/embed/blablabla" frameborder="0" allowfullscreen></iframe>

i wanna create like this

【参考方案1】：

使用 onload 函数自动加载 javascript

<iframe onload="onYtevent();"   src="https://www.youtube.com/embed/blablabla"     frameborder="0" allowfullscreen></iframe>

【参考方案2】：

你必须使用.load() jquery 函数。

加载 iframe 后触发。

这是代码：

$('iframe').load(function() 
   // here your code
);