Load CSS based on URL variable in HTML page
I'd like to load a styles开发者_运维知识库heet when my URL variable contains "?view=full".
Is it possible to do this in HTML (i.e. not PHP)? If so, how?
It’s not possible in pure HTML; you'd have to use either PHP or JavaScript. If you want to do it in JavaScript, you could put this in your <head> section:
<script>
if (window.location.search.indexOf('?view=full') === 0)
document.write('<link rel="stylesheet" href="theStylesheet.css" />');
</script>
This will create the link element in your head element if that GET param is present.
if (window.location.search.search(/[?&]view=full(?:$|&)/) !== -1) {
var link = document.createElement('link');
link.type = 'text/css';
link.rel = 'stylesheet';
link.href = 'path/to/it.css';
document.getElementsByTagName('head')[0].appendChild(link);
}
加载中,请稍侯......
精彩评论