引用css和js链接地址中带的问号是什么意思

html-css021

引用css和js链接地址中带的问号是什么意思,第1张

问号是网址(标准叫法是url)中主体部分(文件路径)与参数部分的分割符,一般用于给动态网页传递参数。css和js链接地址中带的问号,作用则主要是为了“骗”浏览器的。我们都知道,浏览器肯定都有缓存文件的,当再次访问一个相同的网址时(包括htm、css、js以及各种图片),浏览器会首先去提取缓存文件,尤其是手机上的浏览器,由于涉及流量(每一秒都是钱啊),所以缓存文件的优先级更高,网站上的文件发生变化后,手机上可能过很久都仍然是更新前的页面(有的甚至要过24小时才会生效)。这种做法,虽然可以节省手机流量,但是对于网站的开发者来说就会造成困扰了,因为网页做了修改(比如图片改了,但文件名不变),却无法立即反映到用户的设备上。这时候就可以在网址(htm文件以及文件中包含的各种资源)中加个问号,后面再加个随机的数字(或者字符),这样浏览器就会认为这是个不同的网址,就会跳过缓存直接去网站提取,这样用户的手机上就会立刻出现更新后的网页或者资源(如css、js以及图片)了。

这个没什么意思,就是为了区分版本号而写的。方便项目开发的时候对比线上和线下的版本,避免冲突。

另外一个重要作用是防止缓存。现在的服务器都开了缓存功能,如果想要修改这个css马上生效那就只有在css文件后面加一个 标识来区分达到目的。

问号后面随便写什么都可以 只要不是很特殊的

怎样解决css缓存的问

步骤1/6

新建一个html文件,命名为test.html,用于讲解怎样解决css缓存的问题。

步骤2/6

在test.html文件中,使用div标签创建一个模块,用于测试。

步骤3/6

在test.html文件中,给div标签添加一个class属性,用于样式的设置。

步骤4/6

新建一个css文件,命名为test.css,在文件内通过class定义div的css样式 ,设置其宽度为200px,高度为200px,背景颜色为红色。

步骤5/6

在test.html文件中,在js标签内,使用write()方法输出css文件的link标签,并在css路径的末尾通过日期对象随机一个数字。

步骤6/6

在浏览器打开test.html文件,查看页面效果,css文件就不会缓存了。

1、使用div标签创建一个模块,创建一个css文件。

2、在js中,通过class获得div对象,使用write()方法输出css文件的link标签,并在css路径的末尾通过日期对象随机一个数字。