Wie Anchor-Tag auf Iframe verwenden?

-4

Ich bin neu in HTML und ich weiß nicht, JavaScript.Ich möchte ein Abzeichen auf meiner Website mit Iframe-Tag <iframe src="URL" width="500" height="50" frameborder='0' align='middle'> einbetten und wenn jemand darauf klickt, möchte ich eine Website in einem neuen Tab öffnen. Ich habe versucht, <a> Tag um Frame-Tag aber nur die Grenzen des Rahmens sind Hyperlink nicht das Abzeichen. Wie verknüpfe ich das in einem Frame eingebettete Badge mit einer neuen Site?Wie Anchor-Tag auf Iframe verwenden?

Quelle

2017-09-10 Balaji S

Code in den Absatz eingegliedert ist keine große Mühe, eine Frage zu stellen. Bitte geben Sie eine [mcve] – zer00ne

Arbeits Antwort:

HINWEIS: Onclick werden Sie ergreifen, um google.com in neuen Tab zu gehen. Dies können Sie nur einmal klicken. Der Listener wird beim erneuten Aktualisieren der Hauptseite zurückgesetzt.

<script type="text/javascript"> 
focus(); 
var listener = window.addEventListener('blur', function() { 
    if (document.activeElement === document.getElementById('myFrame')) { 
     var win = window.open('https://www.google.com', '_blank'); 
     win.focus(); 
    } 
    window.removeEventListener('blur', listener); 
}); 

</script> 

<iframe id="myFrame" src="https://www.codewars.com/users/balajis/badges/large" width="500" height="50" align='middle' frameborder='0'">

Quelle

2017-09-10 06:52:22

Fügen Sie Ihr Badge als Bild hinzu.

<a href="NEW_SITE_URL" target="_blank"> 
    <img width="220" height="250" border="0" align="center" src="BADGE_URL"/> 
</a>

Quelle

2017-09-10 06:10:51

es ist kein Bild –

Was ist es dann? Kannst du konkret sein? –

https://www.codewars.com/users/balajis/badges/large dies ist die URL –

Wie Anchor-Tag auf Iframe verwenden?

Antwort

Verwandte Themen