2017-05-03 19 views
1

JavaScriptの新機能です。以下のコードを使用してアラートボックスを出力しています。私は理由はわかりませんが、アラートボックスは機能の中で動作するようには見えませんが、それ以外では非常にうまく動作します。どのように私はこの機能の中から現れるようにしますか?JavaScript iframe内のアラートボックス

下記のコードがiframe内で実行されていることを言及する必要があります。

すべてのヘルプは、JavaScriptでアラートがページ全体にフレームの内側だけでなく使用する必要があります

$(window).on('beforeunload', function() { 
 
    $(window).scrollTop(0); 
 
}); 
 

 

 
function yourFunction(){ 
 

 
    alert("Alert"); 
 

 
    document.getElementById('iframeA').src = document.getElementById('iframeA').src 
 

 
    setTimeout(yourFunction, 3000); 
 

 
}  
 

 

 
function yourFunctionTwo(){ 
 

 
    document.getElementById('iframeB').src = document.getElementById('iframeB').src 
 

 

 
    setTimeout(yourFunctionTwo, 4000); 
 
} 
 

 

 
yourFunction(); 
 
yourFunctionTwo();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html> 
 
<head> 
 
    
 
</head> 
 

 
<iframe id="iframeA" src="" height="50%" width="100%"></iframe> 
 
<iframe id="iframeB" src="/sms/frames/tickerB.php" height="50%" width="100%" style="display: block; position: absolute;"></iframe> 
 
<iframe id="iframeA" src="/sms/frames/tickerA.php" height="50%" width="100%" style="display: block; position: absolute;"></iframe> 
 

 

 

 
</html>

答えて

0

まず、javascriptコンソールを開いてデバッグしてみます。あなたは、この行のコメントを解除する場合

document.getElementById('iframeA').src = document.getElementById('iframeA').src 

それは動作します。私は同じidの2倍を参照してくださいiframesAあなたのhtmlに!また、あなたは、関数の外、のsetIntervalを行うことができますconsole.log("iframesA");

alert()を交換する

試してみてください。私はそのことを考える:

setInterval(yourFunction, 3000); 

私はJSBin http://jsbin.com/rixigicugu/edit?html,js,output

注意を作りましたあなたのページを表示する良い方法です。 iframeには、httpsまたはhttp/httpsの混在したサイトで大きな問題が発生します...

0

を高く評価しました。フレームに警告を使用する場合は、代わりにモーダルを使用します。

関連する問題