<script>
if (document.body.clientWidth>800){
document.write("<script>console.log('hello!');<\/script>");
}
</script>
Вот так работает. Если ширина экрана маленькая, то алерта нет. Если более 800 пикселей - алерт появляется. Надо экранировать слеш <\/script>
. Если его не экранировать, то не работает - браузер подумает, что скрипт - это кусок кода:
<script>
if (document.body.clientWidth>800){
document.write("<script>console.log('hello!');<\/script>
Идея того, что скрипт отрабатывает при одной ширине экрана и не работает при другой - интересная.
Насчет availWidth - это ширина экрана вообще в пикселях. она не меняется никогда, если монитор не менять. можно использовать innerWidth и clientWidth. вот их описание. https://learn.javascript.ru/metrics-window