javascript - 使用屏幕分辨率更改 HREF 中的 URL 作为测试

Question

需要有关处理测试/结果代码的 JavaScript 的帮助。首先，我不是程序员，完全迷路了，所以如果可以的话，我需要所有编码。

我的困境是我正在构建一个子域(即:subname.mainsite.com)并使用它来测试 Bootstrap - 组合 CSS/JavaScript 系统使页面根据屏幕分辨率动态更改布局。对所有设备(PC、平板电脑、手机)使用一个页面。

但是，我需要子域超文本链接转到电子商务网站，该网站仍然使用单独的页面用于移动和计算机屏幕分辨率，因此一个链接必须有两个 URL 才能转到，具体取决于页面所在的屏幕分辨率它被点击的时间。

由于页面上会有多个链接，页面链接不断变化，有没有JavaScript代码可以放在页面的“Head”标签中，这样当我在页面上制作超文本链接时，我可以让它在页面的那个点进行测试，例如:“如果屏幕分辨率为 786 像素或更小，请使用 [this URL]，否则(对于更大的屏幕/非移动设备)使用 [THIS URL 相反]”

我试图避免建立链接数据库，因为它会根据内容和内容在页面上的位置不断变化。我在页面上组合了文本和 HTML 按钮，它们使用传统的“a href=”标签作为链接。希望这足以为某人提供帮助的解释。谢谢。

Answer 1

很简单，举个例子

<a id="myLink" href="http://highresolutionurl">My Link</a>

使用这段 javaScript:

<script>
if (screen.width < 768) {
    document.getElementById('myLink').setAttribute('href', "http://lowresolutionurl");
}
</script>

我认为即使非程序员也能理解代码的可读性。