Includi il file html nella pagina senza applicare le pagine originali CSS/JS

Question

in primo luogo sono nuovo qui, quindi perdonami se queste domande sembrano scritte male.

C'è un modo per includere un file html separato senza applicare il CSS/JS di riferimento dell'originale?

Ad esempio, ho un file "index.php" con diversi riferimenti a fogli di stile esterni.

<!-- 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"> 

Ho poi includere un altro file navbar.html con il proprio riferimento foglio di stile esterno.

<link href="navbar.css" rel="stylesheet"> 

Tuttavia, il CSS e JS del file originale sembrano sempre da applicare al file incluso, che purtroppo spesso porta alla pagina inclusa viene designato impropriamente.

C'è un modo per includere una pagina mentre si applicano solo i CSS e JS desiderati?

Anche se trovo utili gli IFrame, sto cercando una soluzione che non li usi, poiché non sono sempre compatibili con il browser e non cambiano forma dinamicamente. Ad esempio se una barra di navigazione ha un collegamento a discesa non verrà mostrato perché l'iframe ha una dimensione impostata.

Answer 1

Penso che quello che vuoi fare non sia possibile per quanto ne so. Perché quando includi qualsiasi file in html, nel tuo caso il suo navbar.html Quando esegue il rendering sul browser, alla fine lo considera come un singolo file html. Con tutti i css/js applicati alla stessa pagina html.

Così puoi usare nomi di classi diversi nel tuo file navbar.html e anche in css. Quindi non influenzerà altri elementi index.html.

Spero che ti aiuti.

Answer 2

il css può essere coperto, quindi è possibile utilizzare il proprio classname per lo stile html, quindi lang mentre si scrive il nucleo css prima del proprio css.

così come il javascript, è possibile utilizzare la variabile globale per gestire la propria variabile evitare l'inquinamento dello spazio dei nomi globale.