insertar - llamar archivo javascript desde html
Incluir archivo html en la página sin aplicar las páginas originales CSS/JS (2)
Creo que lo que quieres hacer no es posible según mi conocimiento. Porque cuando incluye cualquier archivo en html, en su caso es navbar.html Cuando se procesa en el navegador, en última instancia, lo considera como único archivo html. Con todos los css / j aplicados a la misma página html.
Entonces puedes usar diferentes nombres de clase en tu navbar.html y también en css. Por lo tanto, no afectará a otros elementos de index.html.
Espero que te ayude
Primero, soy nuevo aquí, así que perdónenme si esta pregunta parece mal escrita.
¿Hay alguna manera de incluir un archivo html separado sin aplicar el CSS / JS referenciado del original?
Por ejemplo, tengo un archivo "index.php" con varias referencias a hojas de estilo externas.
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<!-- Custom Fonts -->
<link href=''http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'' rel=''stylesheet'' type=''text/css''>
<link href=''http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic'' rel=''stylesheet'' type=''text/css''>
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">
Luego incluyo otro archivo navbar.html con su propia referencia de hoja de estilo externa.
<link href="navbar.css" rel="stylesheet">
Sin embargo, el CSS y JS del archivo original siempre parecen aplicarse al archivo incluido, lo que desafortunadamente a menudo lleva a que la página incluida no tenga un estilo adecuado.
¿Hay alguna forma de incluir una página al aplicar solo su CSS y JS deseados?
Aunque me parece útil IFrames, estoy buscando una solución que no los use, ya que no siempre son compatibles con el navegador, y no cambian de forma de forma dinámica. Por ejemplo, si una barra de navegación tiene un enlace desplegable, no se mostrará porque el iframe tiene un tamaño establecido.
el css puede estar cubierto, por lo que puede usar su nombre de clase para el estilo html, por lo que lang al escribir el css core antes del css.
además del javascript, puede usar la variable global para administrar su variable y evitar la contaminación del espacio de nombres global.