Actualmente, mi enfoque ( gracias a la ayuda del usuario ) es cargar un html externo en la página actual a través de:
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#output").load("https://homepageforme.com/pathtofile/Search.html"); }); </script> <div class="formClass"> <div id="output"> </div>La única queja que tengo aquí es que esto requiere que especifique una "url" completa .
Fe En iframes, podría simplemente indicar "Search.html" (similar a un href), pero aquí esto no funcionará.
Si no hay otra solución, estaría de acuerdo con "tomar la URL de la ventana actual" ( ubicación de la ventana ) (sin el archivo final de la página actual) => https://homepageforme.com/pathtofile/
luego agregando el nombre de archivo "Search.html"
obteniendo "https://homepageforme.com/pathtofile/Search.html"
de esa manera y poder alimentarlo al JS de esta manera.
La razón es que si quiero migrar el sitio web, me veo obligado a editar las rutas manualmente.
Entonces, desea la URL sin la última parte ( /*.html ), entonces, es:
window.location.href.match(/(.*)[\/\\]/)[1]Entonces, se convierte en:
var baseUrl = window.location.href.match(/(.*)[\/\\]/)[1]; $("#output").load(baseUrl + "/Search.html");NOTA: si solo desea reutilizar el origen (
http://example.com), utilicewindow.location.origin