Javascript Girl
  1. Javascript Girl
  3. Bloqué un cadre d'origine "nul" d'accéder à un cadre d'origine croisée – chrome
Intereting Posts
Modification de l'image d'arrière-plan – javascript Afficher uniquement le premier élément de ng-repeat Regex pour trouver url dans un texte Événements jQuery: pré-passez un gestionnaire de rappel à des éléments déjà existants Besoin d'une fonction basename dans Javascript Comment afficher l'icône de chargement lors du rendu des marqueurs sur la carte Je reçois une erreur non définitive dans l'iframe Détection de SNI (Server Name Indication) support de navigateur dans javascript Ce qui profite à l'utilisation (function () {…}) () dans JavaScript JQuery's One – Fire une fois avec plusieurs types d'événements Node.js capture l'erreur ENOMEM lancée après la naissance Effectuez un tampon vidéo html5 moins avant de jouer Comment afficher un itinéraire alternatif à l'aide de google map api Existe-t-il un moyen de charger json à partir d'un sous-domaine? Comment puis-je mettre à jour méta-actualisation de javascript lors de l'utilisation d'appels asynchrones?

Bloqué un cadre d'origine "nul" d'accéder à un cadre d'origine croisée – chrome

Je suis nouveau sur Javascript et j'apprends les bases via un manuel qui se concentre sur ses applications dans IE 7+ et Firefox 2+. Cependant, j'utilise Chrome et je reçois l'erreur suivante lors de l'exécution du programme dans le livre: "bloqué un cadre d'origine" nul "d'accéder à un cadre d'origine croisée." Quelqu'un peut-il me dire ce qui cause l'erreur et comment je peux le réparer? Les deux programmes sont ci-dessous. 

//This is the program being loaded into the browser <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Example</title> <script type="text/javascript"> function calcFactorial(factorialNumber){ var factorialResult = 1; for(;factorialNumber>0;factorialNumber--) factorialResult *= factorialNumber; return factorialResult; } </script> </head> <frameset cols="100%,*"> <frame name="fraCalcFactorial" src="calcfactorial.htm"/> </frameset> </html>

Voici le fichier src 

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Example</title> <script type="text/javascript"> function butCalculate_onclick(){ try{ if (window.top.calcFactorial == null) throw "This page is not loaded within the correct frameset"; if (document.form1.txtNum1.value == "") throw "!Please enter a value before you calculate its factorial"; if (isNaN(document.form1.txtNum1.value)) throw "!Please enter a valid number"; if (document.form1.txtNum1.value < 0) throw "!Please enter a positive number"; } catch(exception){ if (typeof(exception) == "string"){ if (exception.charAt(0) == "!"){ alert(exception.substr(1)); document.form1.txtNum1.focus(); document.form1.txtNum1.select(); } else alert(exception); } else alert("The following error occurred: " + exception.message); } } </script> </head> <body> <form action="" name="form1"> <input type="text" name="txtNum1" size="3" /> factorial is <input type="text" name="txtResult" size="25" /><br/> <input type="button" value="Calculate Factorial" name="butCalculate" onclick="butCalculate_onclick()" /> </form> </body> </html>

Cela se produit car Chrome n'autorise pas les images de votre disque dur à accéder au contenu de l'autre. Ce qui, techniquement, nous qualifions de demande d'origine croisée.

La solution du problème ci-dessus est:

1. Vous hébergez votre page Web sur un serveur Web local. Voir le lien suivant:
Quelle est une alternative plus rapide au serveur http.serveur de Python (ou SimpleHTTPServer)?

2. Utilisez un autre navigateur comme Firefox