Question

我有一个下拉列表，当选择更改href链接到许多不同的'a'标签时。问题在于，有时链接指向尚未生成的页面，当发生这种情况时，用户点击链接并进入404页面，或者更糟糕的是仍然是不专业的错误页面。 / p>

我想要做的是添加一些脚本，以便在链接不存在的情况下，没有任何反应（即链接不会将用户发送到页面）。

我知道有一些类似的查询（即using javascript to detect whether the url exists before display in iframe）但是，由于我的链接是动态的，我没有遇到过解决方案。

我的代码的简化版本如下：

<select name="Color" id="selection" 
onchange="document.getElementById('link1').href = LinkName1[this.value];
document.getElementById('link2').href = LinkName2[this.value];
document.getElementById('link3').href = LinkName3[this.value];"
onload="document.getElementById('link1').href = LinkName1[this.value];
document.getElementById('link2').href = LinkName2[this.value];
document.getElementById('link3').href = LinkName3[this.value];"> 
<option value="3">OPTIMUM</option>
<option value="1">ROUND 1</option>
<option value="2">ROUND 2</option>
<option value="3">ROUND 3</option>
</select>

<a id="link1" href="www.example.com" target="_blank"><div id="title1" style="display: inline-block;">Link 1</div></a>
<a id="link2" href="www.example.com" target="_blank"><div id="title2" style="display: inline-block;">Link 2</div></a>
<a id="link3" href="www.example.com" target="_blank"><div id="title3" style="display: inline-block;">Link 3</div></a>

<script>var LinkName1 = {"1" : "www.example.com/1","2" : "www.example.com/2","3" : "www.example.com/3",};</script>
<script>var LinkName2 = {"1" : "www.example.com/4","2" : "www.example.com/5","3" : "www.example.com/6",};</script>
<script>var LinkName3 = {"1" : "www.example.com/7","2" : "www.example.com/8","3" : "www.example.com/9",};</script>

<script>window.onload = function(){
document.getElementById('link1').href = LinkName1[document.getElementById('selection').value];
document.getElementById('link2').href = LinkName2[document.getElementById('selection').value];
document.getElementById('link3').href = LinkName3[document.getElementById('selection').value];}</script>

对此的任何帮助都将非常感激。

检查动态链接是否存在URL

0 个答案: