web-dev-qa-db-fra.com

Comment ouvrir une nouvelle page HTML en utilisant jQuery?

Donc, j'utilise IBM Worklight où j'ai le fichier principal appelé file1.html Puis j'ai créé un autre fichier html appelé file2.html.

J'essaie d'ouvrir file2 mais pas de chance jusqu'à présent. J'ai essayé les morceaux de code suivants:

  1. $(this).load("file2.html");

  2. $("div1").load("file2.html"); //div1 is the id for outer div of file1

  3. WL.App.openUrl("file2.html");

  4. window.openURL("file2.html");

Et rien de tout cela n'a fonctionné! Aucune suggestion?

javascriptjqueryhtml5selectibm-mobilefirst
10
Cute_Ninja

Si vous souhaitez utiliser jQuery, la fonction .load () est la fonction correcte que vous recherchez;

Mais vous manquez le # à partir du sélecteur div1 id dans l'exemple 2)

Cela devrait fonctionner:

$("#div1").load("file2.html");
4
Hank

utilisez window.open("file2.html"); pour ouvrir dans une nouvelle fenêtre,

ou utiliser window.location.href = "file2.html" pour ouvrir sur la même fenêtre.

43
Habibillah

Utilisez window.open ("file2.html");

Syntaxe 

var windowObjectReference = window.open(strUrl, strWindowName[, strWindowFeatures]);

Valeur de retour et paramètres 

windowObjectReference

Une référence à la fenêtre nouvellement créée. Si l'appel a échoué, il sera nul. La référence peut être utilisée pour accéder aux propriétés et méthodes de la nouvelle fenêtre à condition qu'elle soit conforme aux exigences de sécurité de la politique de même origine.

strUrl

L'URL à charger dans la nouvelle fenêtre ouverte. strUrl peut être un document HTML sur le web, un fichier image ou toute ressource prise en charge par le navigateur.

strWindowName

Un nom de chaîne pour la nouvelle fenêtre. Le nom peut être utilisé comme cible de liens et de formulaires à l'aide de l'attribut target d'un <a> ou <form> élément. Le nom ne doit contenir aucun espace vide. Notez que strWindowName ne spécifie pas le titre de la nouvelle fenêtre.

strWindowFeatures

Paramètre facultatif répertoriant les fonctionnalités (taille, position, barres de défilement, etc.) de la nouvelle fenêtre. La chaîne ne doit contenir aucun espace vide, chaque nom et valeur d'entité doit être séparé par une virgule.

6
btiernay

Vous devez utiliser ajax.

http://api.jquery.com/jQuery.ajax/

<code>
$.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    $('.result').html(data);
    alert('Load was performed.');
  }
});
</code>
1
user1171884