关于JS添加css样式和js的方式。

由于最近在做全屏的问题，试过好多方法，对于笔记本电脑有个独特的屏幕，有点BUG不好解决。就是1366的屏幕适应的问题。不知道最近的小伙伴有没有遇到这样的问题。全屏，F11，不能适应。做1366的适应都是心酸泪。关于别的分辨率适应，已经有博客说过了，现在直接上动态添加css的样式（.css）文件

var script = document.createElement("script");
        script.src = "/index/js/index.js?v="+new Date().getTime();
        document.body.appendChild(script);
        var style = document.createElement("link");
        style.href = "/index/css/index.css?v="+new Date().getTime();
        style.type = "text/css";
        style.rel = "styleSheet";
        document.head.appendChild(style);
//这个动态添加的方式


//下面是判断不同屏幕应用的css文件
if(window.screen.width == 1920){
		var style = document.createElement("link");
        style.href = "css/our_sy_1920.css";
        style.type = "text/css";
        style.rel = "styleSheet";
        document.head.appendChild(style);
	
	}else if(window.screen.width == 1366){
		var style = document.createElement("link");
        style.href = "css/our_sy_1366.css";
        style.type = "text/css";
        style.rel = "styleSheet";
        document.head.appendChild(style);
	}

上面是代码。这是实验过得。

 

如果能帮到你，关注一下。支持一下。点个赞。