不?嗦,直接说方法吧:在更新文件的时候,在引用css,js等文件的语句上加上一个版本号,就能有效防止浏览器一直使用缓存中的css,js例:<link href="/html/superstore/css/SuperStore.css?201410281" rel="stylesheet">以上加红部分是关键,每次改一下即可不过这个可能是以带参数的形式引用,不知道在引用js的时候,会不会有一些参数方面的困扰,尚未测试ps:最后吐槽下微信的浏览器,其缓存之严重,真是前所未见!
本文是转载文章,只是方便自己记录。 在html页面head标签之间添加以下标识可以避免大多数浏览器缓存: 原文出处:http://my.oschina.net/wbo0801/blog/298968
用一句代码即可搞定: 代码如下:document.execCommand("BackgroundImageCache", false, true); 当然为了其它浏览器上能正常通过,需要做下判断后调用,才更安全: 代码如下:if(Browser.isIE6){ try{ document.execCommand("BackgroundImageCache", false, true); } catch(e1){} } 平台检测代码可以这样写,摘自Ext源码: 代码如下:var Browser = {}; try{ (function(){ var idSeed = 0, ua = navigator.userAgent.toLowerCase...
做东东时都是把图片在服务器的地址存放在数据库里面,然后到浏览器中显示,但是后来发现了两个问题。 第一:为了安全起见,js是无法读取本地的图片的,不然你写一个js,岂不是可以获取任何人电脑里面的文件了。 第二:图片存在的是在服务器的硬盘上面,而不是在客户的硬盘里面,所以也是取不到的 后来在网上找方法,找的方法,都是各种转换二进制到xml中,的各种高大上的答案,然后本人又实在太懒了,就自己想了一个 方法,就是利用...
用一句代码即可搞定: 代码如下: document.execCommand("BackgroundImageCache", false, true); 当然为了其它浏览器上能正常通过,需要做下判断后调用,才更安全: 代码如下: if(Browser.isIE6){ try{ document.execCommand("BackgroundImageCache", false, true); } catch(e1){} } 平台检测代码可以这样写,摘自Ext源码: 代码如下: var Browser = {}; try{ (function(){ var idSeed = 0, ua = navigator.userAgent.toLowerC...
在html头中加入以下3句话,可以防止大部分浏览器缓存 或者js中加入类似下面的代码,让每次的链接都不一样var s=Math.random()*10; document.getElementById("checkCodeImg").innerHTML="";
将jquery和公共样式缓存到localStorage,可以减少Http请求,从而优化页面加载时间,下面的代码可以实现此功能: <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><!-- 1.缓存css、js到LocalStorage2.调用本地缓存css/js拼接到HTML页面--><script type="text/javascript">//入口函数if (window.localStorage) {initJs();initCss("css", "reset.css");} else {alert("不能使用本地...
本篇文章给大家带来的内容是关于css3如何实现文字渐变?css3实现文字渐变的三种方法(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。在开发过程中,UI设计师经常会设计一些带渐变文字的设计图,给到我们程序员,而我们程序员们呢,大多都是默默地叹息传来,不过CSS3的诞生,解决了前端开发过程中的好多个难题,比如动画,遮罩等等1. 我们今天要实现的就是使用纯CSS实现渐变文字,下面是预览图片:2. 基础...
1、普通的二三级菜单<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>css菜单演示</title><style type="text/css">* {margin: 0;padding: 0;border: 0;}body {font-family: arial, 宋体, serif;font-size: 12px;}#nav {line-height: 24px;list-style-type: none;background: #666;}#nav a {display: block;width: 80px;text-align: center;}#nav a:link {color: #666;te...
PHP采集静态页面并把页面css,img,js保存的方法,静态页面css 本文实例讲述了PHP采集静态页面并把页面css,img,js保存的方法。分享给大家供大家参考。具体分析如下: 这是一个可以获取网页的html代码以及css,js,font和img资源的小工具,主要用来快速获取模板,如果你来不及设计UI或者看到不错的模板,则可以使用这个工具来抓取网页和提取资源文件,提取的内容会按相对路径来保存资源,因此你不必担心资源文件的错误url导入. 首页 index.ph...
透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码:.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }上面的几个属性分别是:opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持Firefox, Safari和 Opera.filter:alpha(opacity=50); 这个是为IE6设的,可取值在0-100,其它三个0到1.-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。-k...
在实际应用中,我们经常会遇到这样的场景,当页面加载完成后去做一些事情:绑定事件、DOM操作某些结点等。原来比较常用的是window的onload 事件,而该事件的实际效果是:当页面解析/DOM树建立完成,并完成了诸如图片、脚本、样式表甚至是iframe中所有资源的下载后才触发的。这对于很多实际的应用而言有点太“迟”了,比较影响用户体验。为了解决这个问题,ff中便增加了一个DOMContentLoaded方法,与onload相比,该方法触发的时间更...
一、HTML代码中在编写网页代码时,各种浏览器的兼容性是个必须考虑的问题,有些时候无法找到适合所有浏览器的写法,就只能写根据浏览器种类区别的代码,这时就要用到判断代码了。在HTML代码中,区别各种浏览器的代码如下,以ie6为例<!--[if IE 6]>仅IE6可识别<![endif]--><!--[if lte IE 6]> IE6及其以下版本可识别<![endif]--><!--[if lt IE 6]> IE6以下版本可识别<![endif]--><!--[if gte IE 6]> IE6及其以上版本可识别<![endif]...
本篇文章给大家带来的内容是关于CSS中overflow-y: visible;不起作用的解决方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。场景最近要做的一个需求是移动端的h5页面,要求有一排可选择的卡片, 超出容器部分可以左右滑动,同时每张卡片左上角要有一个删除按钮。如下图:心想:so easy, 在父容器上加一个max-width: 200px; white-space: nowrap; overflow-x: auto;不就搞定了嘛。Demo如下:<div class="contai...
这篇文章主要介绍了CSS 利用table实现五种常用布局的方法示例的相关资料,小编觉得挺不错的,现在分享给大家,有CSS源码哦,也给大家做个参考。对CSS感兴趣的小伙伴们一起跟随小编过来看看吧本文介绍了CSS 利用table实现五种常用布局的方法示例,分享给大家,具体如下:布局一:效果:代码:html:<p class="header">header</p> <p class="main">main</p> <p class="footer">footer</p>注意:p中要有内容,不然显示不出来css:body...