關於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);
	}

上面是代碼。這是實驗過得。

 

如果能幫到你，關注一下。支持一下。點個贊。