请在Chrome、Firefox等现代浏览器浏览本站。网站域名:森林之家(www.foresthouse.cn)爱学习、爱分享、爱绿软、爱恐怖、爱音乐、爱唠叨、爱折腾、爱生活!

js判断不同域名使用不同CSS

心得笔记 forest 843℃ 已收录 8评论

利用JS文件判断域名,不同的域名调用不同的CSS只需要一段代码即可具体实现如下:

js判断不同域名使用不同CSS

<script type="text/jscript">
host = window.location.host;
if (host=="www.baidu.com") {<link href='/skins/style.css' rel='stylesheet'>} if (host=="m.baidu.com") {<link href='/skins/style-wap.css' rel='stylesheet'>}
</script>

这里以百度为例上面的代码表示如果访问的是“www.baidu.com”则调用CSS文件是“style.css”;如果访问的是“m.baidu.com”则调用的CSS文件是“style-wap.css”。

我们可以按上面的代码建一个JS文件(代码在下方直接复制即可)命名为“style.js”保存在网站根目录中,在网站的公共头部引用即可JS代码如下:

host = window.location.host;
if (host=="www.11.com") {document.writeln("<link href=\'/skins/style.css\' rel=\'stylesheet\'>");} if (host=="m.11.com") {document.writeln("<link href=\'/skins/style-wap.css\' rel=\'stylesheet\'>");}

引入代码:

<script type="text/jscript" src="/skins/style.js"></script>
本站文章如未注明,均为原创丨本网站采用BY-NC-SA协议进行授权,转载请注明转自:https://www.foresthouse.cn/archives/5575.html
喜欢 (2)or分享 (0)
发表我的评论(注:在您评论完以后不会立即显示,请不要重复刷新以免进入黑名单。)
取消评论
表情 代码 贴图 加粗 链接 私信 删除线 签到

Hi,请填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(8)条精彩评论。
  1. 这样的博客让人禁不住一天来几次! 搜狗浏览器 Windows 7
    促美优品2017年-12月-18日发表回复| Google Chrome 14.0.802.30| Windows 7
  2. 这样精彩的博客越来越少咯! 搜狗浏览器 Windows 7
    中青看点2017年-12月-15日发表回复| Google Chrome 14.0.802.30| Windows 7
  3. 又学到一招感谢博主来自天朝的朋友 谷歌浏览器 Windows XP
    精斑鉴定卡2017年-12月-12日发表回复| Google Chrome 55.0.2883.87| Windows XP
  4. 一言不发岂能证明我来过了?! 搜狗浏览器 Windows 7
    中医秘方2017年-12月-11日发表回复| Google Chrome 14.0.802.30| Windows 7
  5. 山高路远,好人平安!来自天朝的朋友 搜狗浏览器 Windows 7
    健康网2017年-12月-09日发表回复| Google Chrome 14.0.802.30| Windows 7
  6. 一天不来访,浑身上下痒! 搜狗浏览器 Windows 7
    小吃技术2017年-11月-27日发表回复| Google Chrome 14.0.802.30| Windows 7
  7. 冬天虽已来临,祝您四季如春!来自天朝的朋友 搜狗浏览器 Windows 7
    创业网2017年-11月-22日发表回复| Google Chrome 14.0.802.30| Windows 7
  8. 潜心学习,认真拜读! 搜狗浏览器 Windows 7
    三五创业网2017年-11月-16日发表回复| Google Chrome 14.0.802.30| Windows 7