利用正则表达式来判断ie浏览器版本 判断是否IE浏览器 if (document.all) { alert("这个是ie浏览器");} 判断是否IE6浏览器 方法一:if ( /MSIE 6.0/ig.test(navigator.appVersion) ) {alert("这个是ie6浏览器");} 或 /MSIE 8/.test(navigator.appVersion) 方法二: var IE = !+‘\v1‘; IE6 = IE && ([/MSIE(\d)\.0/i.exec(navigator.userAgent)][0][1] == 6) 判断是否IE7浏览器 if ( /MSIE 7.0/ig.test(navigator.appVersion) ) {a...
CSS: 1. <link type="text/css" href="<%=ResolveUrl("~/css/css.css")%>" rel="stylesheet"/> asp.net相对服务器路径 <link type="text/css" href="/css/css.css" rel="stylesheet"/> 2. <style type="text/css"> .txtClass { font-size: 12px; } </syle> JS: 标签不能简写, 必须<script></script> 1. <script type="text/javascript" src="<%=ResolveUrl("~/js/jquery-1.4.2.mini.js")%>" ></script> asp.net相对服务...
本文将使用css+html+js实现横向菜单,具有下拉的多级弹出菜单。首先我们来看看效果图:首先应该写html部分的代码,代码比较简单,代码如下:<body><div id="menu"><ul><li><a href="#" id="current">首页</a></li><li><a href="#">网页版式</a><ul><li><a href="#">自适应宽度</a></li><li><a href="#">固定宽度</a></li></ul></li><li><a href="#">web教程</a><ul><li><a href="#">新手入门</a></li><li><a href="#">视频教程</a>...
50例强大璀璨的CSS3/JS 技术运用。CSS3来了。虽然支持的浏览器很有限,但许多设计师都在实验它的强大功能。本文可以让你了解css3的新技术和功能。 Visual Effects and Layout Techniques With CSS3 CSS3 Analogue ClockAnalogue clock created using webkit transition and transform CSS. JavaScript is only used to pull in the current time. Use CSS3 to Create a Dynamic Stack of Index CardsWe will create a dynamic stac...
JavaScript更改P元素的样式:1.<html>2.<body>3.<p id="p2">Hello World!>4.<script>5.document.getElementById("p2").style.color?=?"red";6.</script>7.<p>The paragraph above was changed by a script.</p>8.</body>9.</html>单击按钮时,此示例更改id="id1"元素的样式:1.<!DOCTYPE html>2.<html>3.<body>4.<h1 id="id1">My Heading 1</h1>5.<button?type="button"6.onclick="document.getElementById(‘id1‘).style.color =...
原文:https://www.cnblogs.com/66-88/articles/6627360.html/* javascript方法*javascript动态修改css效果的方法(四种)* 第一种:使用obj.className来修改样式表的类名。例如:div1.style.width="100px";* 第二种:使用obj.style.cssText来修改嵌入式的css。例:div1.style.cssText="width:100px;height:100px;background: palevioletred;";* 第三种:使用obj.className来修改样式表的类名。例如:div1.setAttribute("class","...
引言:2048小游戏的结束界面,使用纯CSS制作模态对话框,一般做模态对话框都会使用BootStrap自带的模态对话框组件方便使用,但在制作要运行在移动端的小项目时,就不能使用BootStrap,因为文件太大,下载耗时,耗费流量。 一、模态对话框的组成 2个Div,一个铺满整屛,一个显示内容坑:如何让Div铺满整屛?解决:2个办法宽 高 100% → position:absolute; → top=0;left=0;四个方向 margin-top/left/right/boot...
配置完nginx,访问tomcat时发现,tomcat显示如下图:从这个状态可以看出,猜测可能是css和js这些文件没有加载。不仅如此,访问部署在tomcat项目的页面也是一样的,不同nginx访问tomcat下的项目时这样的:通过nginx作为代理服务器,访问到的页面是这样的:这些情况显然都是因为通过nginx作为负载均衡服务器时候,无法正常加载css和js这些文件而出现这样的问题,通过一番搜索和查找,修改了nginx下的nginx.conf配置文件才得以正常显示...
本文主要介绍了localStorage的黑科技-js和css缓存机制的相关知识,具有一定的参考价值,下面一起来看下吧一、发现黑科技的起因今天在微信公众号看到一篇技术博文,想用印象笔记收藏,所以发送了文章链接到pc上。然后习惯性地打开控制台,看看源码,想了解下最近微信用了什么新技术。呵呵,以下勾起了我侦探的欲望。页面加载后的异常点就是只加载了一个js,如下图所示:我很诧异,为什么已经开启了Disable cache,js只加载了一个,而...
nginx实现js css不缓存的方法:首先找到并打开nginx安装目录下的nginx.conf文件;然后配置内容为“location ~ \.(js|css|html|png|jpg)$ {add_header...}”即可。本教程操作环境:Windows NT系统、nginx1.14&&css3版,该方法适用于所有品牌电脑。推荐:《css视频教程》在本地开发的时候,经常会碰到缓存引起的莫名其妙的问题,最暴力的方式就是清掉浏览器的缓存,或者使用Ctrl + F5,Shift + F5强制刷新页面。有时候按了好几下,缓...
一、发现黑科技的起因 今天在微信公众号看到一篇技术博文,想用印象笔记收藏,所以发送了文章链接到pc上。然后习惯性地打开控制台,看看源码,想了解下最近微信用了什么新技术。 呵呵,以下勾起了我侦探的欲望。页面加载后的异常点就是只加载了一个js,如下图所示:我很诧异,为什么已经开启了Disable cache,js只加载了一个,而且体积这么小。接着,我按住Ctrl+O进行资源文件查找,发现我被“忽悠”了。其实根本就不止一个js文件。...
将jquery和公共样式缓存到localStorage,可以减少Http请求,从而优化页面加载时间,下面的代码可以实现此功能: <script type="text/javascript"> //入口函数 if (window.localStorage) { initJs(); initCss("css", "/gfdzp201508257998/Turntable/Style/css_whir.css"); } else { addFile("/gfdzp201508257998/Turntable/Script/jquery-1.8.3.min.js", "js"); addFile("/gfdzp201508257998/Turntable/Script/whir.turntabl...
做东东时都是把图片在服务器的地址存放在数据库里面,然后到浏览器中显示,但是后来发现了两个问题。 第一:为了安全起见,js是无法读取本地的图片的,不然你写一个js,岂不是可以获取任何人电脑里面的文件了。 第二:图片存在的是在服务器的硬盘上面,而不是在客户的硬盘里面,所以也是取不到的 后来在网上找方法,找的方法,都是各种转换二进制到xml中,的各种高大上的答案,然后本人又实在太懒了,就自己想了一个 方法,就是利用...
代码如下:<span style="font-size:14px;">css和js带参数(形如.css?v=与.js?v= 或 .css?version=与.js?version= ) <script type=”text/javascript” src=”jb51.js?version=1.2.6″></script> <link rel=’stylesheet’ href=’base.css?version=2.3.3′ type=’text/css’ />使用参数有两种可能: 第一、脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别。 即上面代码对于文件来说 等价于 代码如下:<script typ...
我们在使用offline cache的时候,有时候可能会更新资源,如js,css或者图片的 更新。但是在没有更新以前用户已经缓存了旧版本的资源,当在次访问的时候 他使用的还是旧版本的资源,如何才能让用户及时的更新缓存资源呢? 更新缓存资源主要有两种方法,通过修改配置文件的版本号或者调用js完成更新 js更新方法 代码如下: if (window.applicationCache.status == window.applicationCache.UPDATEREADY) { window.applicationCache.up...