[英]Can Assign URL address in Variable and use in HTML. using JavaScript?
我可以在Variable中分配URL地址並在HTML中使用。 使用JavaScript?
例:
<script>
var var_url = "https://stackoverflow.com/";
</script>
<a href="var_url"> Click on this link to open www.stackoverflow.com </a>
上面是理解我的問題的示例,我想在HTML頁面上多次使用相同的URL地址。
您可以使用以下命令選擇所有帶有var_url
的href
的錨標記:
[...document.querySelectorAll('[href=var_url')]
然后將該數組中的每個href
更改為存儲在var_url
中的var_url
。
var var_url = "https://stackoverflow.com/"; [...document.querySelectorAll('[href=var_url]')].forEach(anchor => { anchor.href = var_url; });
<a href="var_url">Click on this link to open www.stackoverflow.com</a> <br /> <a href="var_url">You can also click here to open stackoverflow</a>
另外,我認為最好在錨標記上使用一個類,並使用以下方法設置網址:
[...document.getElementsByClassName('var_url')]
var var_url = "https://stackoverflow.com/"; [...document.getElementsByClassName('var_url')].forEach(anchor => { anchor.href = var_url; });
<a class="var_url" href="#">Click on this link to open www.stackoverflow.com</a> <br /> <a class="var_url" href="#">You can also click here to open stackoverflow</a>
https://codepen.io/anon/pen/OdjZEY
<script>
var var_url = 'https://stackoverflow.com/';
</script>
<p>Open in a new window</p>
<a href="javascript:window.open(var_url);">Click on this link to open www.stackoverflow.com</a>
<p>Open in the same window</p>
<a href="javascript:window.location.href
=var_url;">Click on this link to open www.stackoverflow.com</a>
您可以使用JavaScript在錨標記中注入URL。
<a id='anchor_1' href=''>Click on this link to open www.stackoverflow.com</a>
<script>
var var_url = "https://stackoverflow.com/";
document.getElementById('anchor_1').setAttribute ('href', var_url);
</script>
在您的HTML投放ID中,例如
<a id="demoLink" href=""> Click on this link to open www.stackoverflow.com </a>
你可以用JavaScript來做到這一點
<script>
var var_url = "https://stackoverflow.com/";
//change the attribute for anchor tag link
document.getElementById("demoLink").setAttribute("href", var_url);
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.