javascript - tricks - Descargar CSS de la página web

javascript download file from url

Question

Me pregunto cómo sería posible descargar un CSS desde una página. Por ejemplo, en mi página he incluido un archivo llamado a.css. Ahora quiero que el usuario pueda cambiar el tema, que está basado en CSS, por lo tanto él / ella debería poder descargar a.css y luego puedo cargar b.css (de lo contrario, entrarán en conflicto)

¿Alguna idea de cómo hacer esto?

Answer 1

Con jquery, esto funciona:

$("link[href=''fileToRemove.css'']").remove();

Obviamente, reemplace fileToRemove.css con la ruta relativa y el nombre de archivo del archivo que se descargará.

Answer 2

Por extraño que parezca, IE y Firefox admiten el atributo deshabilitado, pero no Chrome, Safari o Opera. Por lo tanto, este debería ser el navegador más cruzado.

// disables all styles in the document
function unload_stylesheet(DOMelement){
DOMelement.disabled = true;
DOMelement.parentNode.removeChild( DOMelement );
}
// usage
unload_stylesheet( document.getElementsByTagName(''link'')[0] );

Answer 3

Toma el elemento de enlace y desactívalo.

document.getElementsByTagName(''link'')[0].disabled = true; 

Answer 4

var firstLink = document.getElementsByTagName(''link'')[0];
firstLink.parentNode.removeChild(firstLink)

Esto eliminaría el primer elemento de enlace en la página; no estoy seguro de cómo está estructurado su HTML, pero estoy seguro de que puede usarlo como ejemplo. Es posible que desee verificar el atributo de tipo si es ''text / css'' y está apuntando al medio correcto (pantalla), o posiblemente verificar si el href contiene ''css'' en cualquier lugar si tiene otros elementos de enlace que no son referencias de css .

Tenga en cuenta que también puede restablecer el atributo href para que apunte a una página no existente en lugar de eliminar el elemento por completo.