js判断浏览器,并输出想要的css

html-css017

js判断浏览器,并输出想要的css,第1张

<script type="text/javascript">

function userAgent(){

var ua = navigator.userAgent

ua = ua.toLowerCase()

var match = /(webkit)[ \/]([\w.]+)/.exec(ua) ||

/(opera)(?:.*version)?[ \/]([\w.]+)/.exec(ua) ||

/(msie) ([\w.]+)/.exec(ua) ||

!/compatible/.test(ua) &&/(mozilla)(?:.*? rv:([\w.]+))?/.exec(ua) ||

[]

//如果需要获取浏览器版本号:match[2]

switch(match[1]){

case "msie": //ie

if (parseInt(match[2]) === 6)//ie6

alert("ie6")

else if (parseInt(match[2]) === 7)//ie7

alert("ie7")

else if (parseInt(match[2]) === 8)//ie8

alert("ie8")

break

case "webkit": //safari or chrome

alert("safari or chrome")

break

case "opera": //opera

alert("opera")

break

case "mozilla"://Firefox

alert("Firefox")

break

default:

break

}

}

userAgent()

</script>

互次元:http://www.hcy9.com

如果你用了jQuery库,参考楼上的,否则用下面的代码:

function bj(){

var divNodes = document.getElementsByTagName("div")

for(var i=0,j=divNodes.lengthi<ji++){

var divObj = divNodes[i]

if(divObj.className == "caa" || divObj.className == "cab") {

divObj.style.background = "url(xx.jpg) no-repeat fixed left top"

}

}

}

js可以使网页的功能更加丰富,给网页添加更多实时的、动态的、交互的内容。

举例:

1 当服务端需要对数据进行验证时,使用javascript可以在客户端验证数据,不需要把数据传到服务器端再传回来,比较节省时间。

2 你可以把网页里的内容隐藏起来,然后当鼠标放到某个地方的时候把隐藏的内容显示出来,就像这个页面右上角的”我的知道“那个菜单做的事情。网页里的下拉菜单基本上都使用js完成。

3 当你查看表格的时候,表格的内容很多,你可以使用js给每一行数据设置不同的颜色以示区分,也可以用js完成鼠标指到表格上表格就变色的功能。

4 新闻的幻灯片,可以用JS来做。如果不用JS的话4、5个图片占得地方可是不少。。

5 iGoogle里可以拖来拖去的应用也是用js做的。

6 登录论坛了以后他提示”5秒钟转向你登陆之前查看的页面“

7 还有很多的用途,但是我暂时想不到。。你可以举一反三一下。

css是控制网页外观的,它有以下优点:

1、便于页面的修改。

2、便于页面风格的统一。

3、减少网页的体积。

举例:

假设你有100个页面,每个页面的风格都是一样的,里面都有10个表格。

如果你全部用html来做,就需要给所有的页面的表格里写表格的边框颜色、背景颜色、文字大小(假设这些外观代码要使用3行),那么你就要给1000个表格写这些东西(你就要写3000行。。)。这里面所有的外观设置都是重复的。以后你打算改变表格的风格,你就要改1000个表格。

但是如果你结合HTML和CSS来做,你就可以在每个页面上加上一句

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

然后在table.css这个文件里写上

table{

border:1px solid #ddd

background:#eee

font-size:12px

}

然后你这1000个表格就看起来都一样了。这里只需要写3行代码。

以后你要修改表格,只需要修改table.css里面的这3行代码。