可以用JS根据不同域名调用不同的CSS文件吗

我有个页面,我希望不同的域名它使用不同的外部CSS文件,这个JS能做到吗?
比如说www.xxx.com/aaa/1.htm的时候用CSS1.css
www.xxx.com/bbb/2.htm的时候用CSS2.css
www.xxx.com/ccc/3.htm的时候用CSS3.css
……

希望回答详细点说怎么操作‍

可以,但如果用户端不支持js的话就显示没有css的界面了,想想看。
建议在每个页面中使用<link rel="stylesheet" href="CSS1.css地址">放在<head>标签里。通常的做法都是这样的。
温馨提示:内容为网友见解,仅供参考
第1个回答  2014-06-26
可以的,location.host是判断域名的,写个if条件就行了追问

请问能详细写一下吗?

可以用JS根据不同域名调用不同的CSS文件吗
可以,但如果用户端不支持js的话就显示没有css的界面了,想想看。建议在每个页面中使用放在标签里。通常的做法都是这样的。

如何用JS判断不同域名调用不同的CSS
\/\/可以根据这里弹出来的域名值来修改下面case后面的域名switch(url){case "wwwbaiducom\/111": \/\/这里域名你自己改一下style = "#ff0000";break;case "wwwbaiducom\/222": \/\/这里域名你自己改一下style = "#000";break;}document.getElementById("link").style.color = style;};看右上角私信...

怎样用JS判断各浏览器调用各自的css文件?
3,条件注释使用的是HTML的注释结构,因此他们只能使用在HTML文件里,而不能在CSS文件中使用。可使用如下代码检测当前IE浏览器的版本(注意:在非IE浏览器中是看不到效果的)<!--[if IE]> 您正在使用IE浏览器 <!--[if IE 5]> 版本 5 <![endif]--> <!--[if IE 5.0]> 版本 5.0 <!...

建站知识:如何使用JS来自由切换css样式表
详细方法如下:第一步:在连接样式表的元素里定义一个id,例如我定义的id是css。第二步:写一个js函数,代码如下:function change(a){var css=document.getElementById("css");if (a==1)css.setAttribute("href","1.css");if (a==2)css.setAttribute("href","2.css");}这个...

我想在同一页面不同位置多次调用同一JS,CSS样式不同。
回答:把所有的处理时间的程序代码封装到一个函数方法里。包括var refer=true;这一句变量赋值也要放进函数里。 然后再html标签事件触发调用指定的方法名称。想重复调用多少次都行,因为你传进去的id值不同。 例如: <li id="test1"><a onclick="javascript:combo(test1);"><\/a><\/li> <li id="te...

怎么让浏览器根据不同分辨率加载不同的js文件或者函数,类似于css的@...
可以判断当前屏幕分辨率,然后再给予对应的css文件路径,如:html: js:window.onload = function(){ if((screen.width == 1024) && (screen.height == 768)){ document.getElementById('css').href = '1.css';}else if ((screen.width == 800) && (screen.height == 600)){ document...

判断访问的是pc还是移动端然后调用不同的css样式
在不同的分辨率下,调用不同的css文件<!DOCTYPE html> 用媒体查询做自适应页面<!--添加视口-->

一个服务器两个域名,访问第一个域名,加载不了第二个域名的css js
看你的描述应该是跨域了,这两个资源因为域名原因处在不同的域下面。首先你理解下什么是跨域:什么是跨域请求浏览器同源策略的限制(访问同源的资源是被浏览器允许的,但是如果访问不同源的资源,浏览器默认不允许。访问不同源的资源就叫做跨域)什么是同源策略(Same Origin Policy)?同源策略,是浏览器的...

JS如何根据屏幕大小调用不同CSS样式,分别是320.414.900.1400的屏
if(document.body.clientWidth<900&&document.body.clientWidt>414){ document.getElementById("ID").className="class1";} html代码:此处为屏幕宽度为414与900之间的展示样式 这样就可以根据不同的屏幕大小给对应的div添加不同的样式了。但是用js有一个缺点就是如果你在1400屏幕添加对应的class之后,...

如何用js改变多个框架的css,也就是让网页整体换肤
<!--注意这行的id-->样式1样式2 上面是html,下面是js.把选定的样式加载进cookies ,网页加载先查cookie。function getObject(elementId) { \/\/获取指定id的object if (document.getElementByIdx) { return document.getElementByIdx(elementId); } else if (document.all) { return document.all...

相似回答