Voglio solo importare un foglio di stile esterno e un js nel tag head di un iframe. È possibile ?come importare foglio di stile esterno e javascript in un iframe
ho provato nel codice HTML testa una funzione jquery personalizzata `
$(this).contents().find('head').append('<link href="http://mywebsite.com/css/iframe.css?" rel="stylesheet" type="text/css" />')`
Io non credo che sia possibile includere un foglio di stile all'interno di un iframe utilizzando JavaScript come il telaio sarà già reso prima che il foglio di stile è stato aggiunto.
È possibile modificare gli stili degli elementi nel DOM dell'iframe utilizzando .find().css(). (Ho fatto qualcosa di simile per creare un generatore di temi per un sito con un pannello di anteprima iFrame).
Dovresti essere cauto nel cambiare il CSS di un iFrame se proviene dal sito di qualcun altro in quanto potrebbero cambiare il proprio CSS o il markup in qualsiasi momento, il che potrebbe compromettere ciò che stai cercando di ottenere.
L'oggetto finestra nell'iframe è la proprietà della pagina caricata nell'iframe. L'unico modo per la pagina che contiene di manipolare l'oggetto della finestra iframe è se il dominio della pagina contenente e la pagina iframe sono gli stessi. (a causa del criterio di restrizione interdominio)
Sospetto che l'iframe abbia già eseguito il rendering quando si include il foglio di stile, quindi questo non funzionerà. Non hai accesso alla pagina che includi nel tuo iframe? – drmonkeyninja
@drmonkeyninja Non ho accesso alla pagina che sto chiamando ma devo apportare alcune modifiche css in questo e includere anche la barra di scorrimento personalizzata in esso. – matthewb
Penso che questo non sia possibile a causa di motivi di sicurezza. In questo modo potresti facilmente cambiare le informazioni sul trasferimento di denaro e tali .. – Gijs