Javascript 将网站访问者重定向到mobile.html时出现问题

我已经建立了一个用于学习的基本游戏网站，如果用户使用桌面，我希望用户被引导到index.html；如果用户在平板电脑或手机上访问该网站，我希望用户被引导到mobile.html

我已尝试使用以下脚本重定向

<script type="text/javascript" src="script.js">
    if (screen.width <= 699) {
        document.location = "mobile.html";
    }
</script>

if（screen.width我从未尝试将代码放入带有src属性的脚本块中

尝试：


如果（screen.width）有点偏离主题，但您需要研究“响应式设计”。谢谢。将在本周末参加课程@PM77-1。这不起作用。脚本元素需要结束标记。
<script type="text/javascript" src="script.js" />
<script>
    if (screen.width <= 699) {
        document.location = "mobile.html";
    }
</script>