Charger un fichier javascript externe et créer un iframe

-1

Je dois créer un javascript renvoyant un tag iframe. le client va coller un script où l'iframe doit être, puis le script doit créer un iframe.Charger un fichier javascript externe et créer un iframe

doit être comme ceci:

<script src="http://www.helloworld.com/script/loadcustomerframe.js" data-customer="14532"></script>

le script devrait charger un iframe à un endroit url, et aussi je besoin de lire le « client de données ». Je suis un développeur C# backend, pas un frontend. J'ai essayé plusieurs jours maintenant, je ne peux pas le faire fonctionner.

Aidez-nous s'il vous plaît. Merci

Source

2017-09-13 Don Juan

-1

Quelque chose comme cela devrait fonctionner:

$(document).ready(() => { 
 
    $("[data-customer]").each(function() { 
 
    let customerId = $(this).data("customer"); 
 
    $(this).replaceWith(`<p>This is customer #${customerId}.</p>`); 
 
    // The following comment is an example of how you could use an iframe 
 
    //$(this).replaceWith(`<iframe src="http://example.org/customer/${customerId}>Hello!</iframe>`); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div data-customer="1"></div> 
 
<div data-customer="2"></div> 
 
<div data-customer="3"></div>

Vous aurez seulement besoin d'avoir le script apparaître une fois (le plus probable dans votre <head>) et il remplacera toute <div> que a un attribut data-customer. Vous avez juste besoin de trouver l'URL correcte pour votre .

Source

2017-09-13 21:01:06

-2

Si fondamentalement votre code JS fera l'affaire,

devez d'abord créer un code JS et l'héberger dans un serveur pour l'obtenir en allant chercher, donc l'image que votre code JS est hébergé dans https://www.mygreatjscode.com/myjscode.js

Ainsi, votre code JS fera le reste,

comme cela en utilisant JS pur (avec pas des cadres comme jQuery, etc), de sorte que votre fichier myjscode.js contiendra ceci:

//create an autoexec function 
(function(){ 
    var body = document.getElementByTagName("body"); 
    body = body ? body : false; 

    if (body){ 
     var iframe = document.createElement("iframe"); 
     iframe.setAttribute("id", "MY_CUSTOM_ID"); 
      //here set the url that the iframe will be render 
      iframe.setAttribute("src", "https://stackoverflow.com/"); 
      //finally insert into the body of page 
      body.appendChild(iframe); 
    } 

})();

Enfin vous devez insérer le tag de script dans votre page comme ceci

<script src="https://www.mygreatjscode.com/myjscode.js" data-customer="14532"></script>

Source

2017-09-13 21:02:30

Charger un fichier javascript externe et créer un iframe

Répondre

Questions connexes