Comment ouvrir une nouvelle page HTML en utilisant jQuery?

Donc, je suis en utilisant IBM Worklight où j'ai le fichier principal appelé file1.html et puis j'ai créé un autre fichier html appelé file2.html.

Je suis en train d'essayer d'ouvrir fichier2 mais pas de chance jusqu'à présent. J'ai essayé de suivre des morceaux de code:

  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 aucun de ces fonctionné! Des suggestions?

source d'informationauteur Ishita

  1. 4

    Si vous souhaitez utiliser jQuery, la .fonction load() est la fonction de correction que vous êtes après;

    Mais il vous manque le # de la div1 sélecteur d'id dans l'exemple 2)

    Cela devrait fonctionner:

    $("#div1").load("file2.html");
  2. 36

    utilisation window.open("file2.html"); pour ouvrir à nouveau la fenêtre,

    ou de l'utilisation window.location.href = "file2.html" à ouvrir dans la même fenêtre.

  3. 6

    Utilisation de la fenêtre.open("file2.html");

    Syntaxe

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

    Valeur de retour et les paramètres

    windowObjectReference

    Une référence à la nouvelle fenêtre. Si l'appel échoue, il sera nulle. La référence peut être utilisé pour accéder aux propriétés et méthodes de la nouvelle fenêtre à condition qu'il respecte Même l'origine de la politique en matière de sécurité.

    strUrl

    L'URL à charger dans la fenêtre nouvellement ouverte. strUrl peut être un document HTML sur le web, un fichier image ou toutes les ressources pris en charge par le navigateur.

    strWindowName

    Une chaîne de caractères nom de la nouvelle fenêtre. Le nom peut être utilisé comme cible de liens et formulaires à l'aide de l'attribut cible d'un <a> ou <form> élément. Le nom ne doit pas contenir d'espace. Notez que strWindowName ne précise pas le titre de la nouvelle fenêtre.

    strWindowFeatures

    Paramètre facultatif liste les caractéristiques (taille, position, les barres de défilement, etc.) de la nouvelle fenêtre. La chaîne ne doit pas contenir d'espace, chaque nom de la fonctionnalité et la valeur doivent être séparés par une virgule.

  4. 1

    Vous avez besoin d'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>