javascript - 如果第一个 src 没有响应，请在 Iframe 中打开第二个 src？

Question

我正在使用以下代码将外部网页嵌入到我的网站...

<frame src="1st-Web-Page"></iframe>

但是有时 1st-Web-Page 不可用，例如服务器已关闭，然后我想将 1st-Web-Page 重定向到 2nd-Web- Iframe src 中的页面。

实际上，我只想点击 1st-Web-Page 30 秒，如果该页面不可用或在 30 秒内加载，则打开 2nd-Web-Page其中。

请注意，我只能使用 JavaScript 代码，但如果您有任何其他代码(如 JQuery 或 PHP)，也请与我分享。那么我可以这样做吗？

Answer 1

您可以使用检查域是否可用的函数。

 <?php

           if (isDomainAvailible('1st-Web-Page'))
           {
                   echo '<iframe src="1st-Web-Page"></iframe>';
           }
           else
           {
                   echo '<iframe src="2st-Web-Page"></iframe>';
           }

           //returns true, if domain is availible, false if not
           function isDomainAvailible($domain, $timeout = '30')
           {
                   //check, if a valid url is provided
                   if(!filter_var($domain, FILTER_VALIDATE_URL))
                   {
                           return false;
                   }

                   //initialize curl
                   $curlInit = curl_init($domain);
                   curl_setopt($curlInit,CURLOPT_CONNECTTIMEOUT,$timeout);
                   curl_setopt($curlInit,CURLOPT_HEADER,true);
                   curl_setopt($curlInit,CURLOPT_NOBODY,true);
                   curl_setopt($curlInit,CURLOPT_RETURNTRANSFER,true);

                   //get answer
                   $response = curl_exec($curlInit);

                   curl_close($curlInit);

                   if ($response) return true;

                   return false;
           }
?>