CSS file gets printed while hitting html page

Question

To avoid cache, i included my css and js files through script tag.It generates a random number which will be added as query string to the files.

 <script>document.write('<link rel="stylesheet" href="css/style.css?dev=' + Math.floor(Math.random() * 100) + '"/>');</script>

But most of times, when i hit the url, instead the html page, the css file is getting print directly in the browser

is the content header is causing the issue, should i need to add "type" parameter for css> Please provide me a soultion

`To avoid cache, i included my css and js files through script tag` - That's a pretty nasty habit you've got there. — AD7six, Aug 10 '15 at 12:30
It looks like they are doing the same thing here. http://stackoverflow.com/questions/118884/what-is-an-elegant-way-to-force-browsers-to-reload-cached-css-js-files — Leonardo Wildt, Aug 10 '15 at 12:41
Sorry, the script tag at the end is error while pasting it here. I have edited it now — user1153484, Aug 10 '15 at 13:23

pee2pee · Answer 1 · 2015-08-10T13:36:51.063

2

There are better ways to stop caching. What if JS is disabled?

<script>document.write('<link rel="stylesheet" href="css/style.css?dev=' + Math.floor(Math.random() * 100) + '"\>');</script>

edited Aug 10 '15 at 13:36

answered Aug 10 '15 at 12:31

pee2pee

3,619
7
52
133

There should not be a closing `link` tag. – putvande Aug 10 '15 at 12:33

score 2 · Answer 2 · edited May 23 '17 at 11:44

2

If youre looking to speed things up in regards to your css and js files have you looked into script bundling and minification. That will speed your page up and remove clutter from your markup. Also, its mostly almost exclusively going to be Also look HERE.

 <link rel="stylesheet" type="text/css" href="theme.css">

edited May 23 '17 at 11:44

Community

1
1

answered Aug 10 '15 at 12:35

Leonardo Wildt

2,529
5
27
56

CSS file gets printed while hitting html page

2 Answers2