Как в подключать стили и js скрипты только когда экран меньше 640px?

Question

[Алекс Сокол]

Как в подключать стили и js скрипты только когда экран меньше 640px?

Answer 1

[Vlad Feninets]

можно как-то так

if( window.innerWidth <= 640 ) {
	var mobileScript = document.createElement('script')
	mobileScript.src = 'http://example.com/mobilescript.js'

	var mobileStyles = document.createElement('link')
	mobileStyles.src = 'http://example.com/mobilestyle.css'
	mobileStyles.rel = 'stylesheet'
	mobileStyles.type = 'text/css'	

	document.head.appendChild(mobileScript)
	document.head.appendChild(mobileStyles)
}

Comments

[Vlad Feninets]

function appendStyle(styleSrc) {
	var style = document.createElement('link')
	style.src = styleSrc
	style.rel = 'stylesheet'
	style.type = 'text/css'	
	document.head.appendChild(style)
}

function appendScript(scriptSrc) {
	var script = document.createElement('script')
	script.src = scriptSrc
	document.head.appendChild(script)
}


if( window.innerWidth <= 640 ) {
	appendStyle('http://example.com/mobile-style.css')
	appendScript('http://example.com/mobile-script.js')
}

Answer 2

[Алекс Сокол]

спасибо,по идее джава скрипт работает в ,было в голове типа этого,но решил спросить