我可以在变量分配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>
以上是明白我的问题的例子,我想使用相同的URL地址多次HTML页面。
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>
你可以选择使用href
的var_url
所有锚标签:
[...document.querySelectorAll('[href=var_url')]
然后改变这个阵列中的每个href
要存储在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>
您可以使用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>