在asp.net服务器上的JavaScript CSS样式切换器

CSS Style switcher in JavaScript on an Asp .Net server

本文关键字：JavaScript CSS 样式 切换器 asp net 服务器      更新时间：2023-09-26

我正在尝试创建一个移动网站，可以用CSS做到这一点，但服务器母版页面必须在他们当前的位置，我计划使用Javascript"样式切换器"来改变样式表，但大多数移动浏览器没有java支持，那么，是否有一种方法可以使用Java(或任何其他由移动电话支持或可以在服务器端运行的"语言")来运行服务器端，同时可以阻止一些页面元素加载(针对移动带宽问题)并更改几行主代码?

我正在考虑使用这个(与一些编辑):如何使用JavaScript动态更改层叠样式表

我不能使用PHP，因为我们的主机提供商不会安装它。

我没有Asp . net访问(作为用户)，但有FTP访问

var isMobile = function() {
    var w = window.innerWidth || document.body.clientWidth;
    var o = 900;
    if(w < o) {
        return true;
    }
    else {
        return false;
    }
};

和init func

var init = function(){
  if(!isMobile()){
    // all your desktop stuff goes here
    var desktopcss = document.createElement('link');
    desktopcss.rel = 'stylesheet';desktopcss.type = 'text/css';
    desktopcss.href='/desktop.css';
    document.getElementsByTagName('head')[0].appendChild(desktopcss);
  }
  else{
    // all your mobile stuff goes here
    var mobilecss= document.createElement('link');
    mobilecss.rel = 'stylesheet';mobilecss.type = 'text/css';
    mobilecss.href='/mobile.css';
    document.getElementsByTagName('head')[0].appendChild(mobilecss);
  }
};

，记住如果你设置了

display:none;

通过css，它将不会被加载，它将不会显示!

您可以使用CSS媒体查询来为发出请求的设备调整站点宽度

相关文章：