在JavaScript中，可以通过给链接元素的href属性赋值来为该链接指定一个目标页面的URL。例如：
<a id="my-link" href="">Click Me</a>
<script>
var link = document.getElementById('my-link');
link.setAttribute('href', 'http://www.example.com/');
</script>在上面的代码中，我们首先创建了一个链接元素，并且将这个元素的id属性设置为my-link。接下来，在JavaScript中，我们通过getElementById()方法来获取这个元素，并且使用setAttribute()方法将其href属性赋值为'http://www.example.com/'。这时，当用户点击这个链接时，就会跳转到指定的URL页面。
另外一种给href属性赋值的方法是使用直接赋值的方式，例如：
<a id="my-link" href="">Click Me</a>
<script>
var link = document.getElementById('my-link');
link.href = 'http://www.example.com/';
</script>这个例子与上面的例子很相似，不过使用了直接赋值的方式来给href属性赋值，我们可以看到，语法更加简洁明了，并且更容易理解。
除了直接赋值，我们还可以使用字符串拼接的方式来动态地给链接的href属性赋值。例如：
<a id="my-link" href="">Click Me</a>
<script>
var link = document.getElementById('my-link');
var url = 'http://www.example.com/';
link.href = url + '?id=123';
</script>在这个例子中，我们定义了一个变量url，然后将链接的href属性设置为url + '?id=123'，这个链接最终的URL会包含一个参数id=123。这种方法对于需要动态生成链接的情况非常有用。
有时候，我们需要在打开链接之前执行一些JavaScript代码来完成一些任务，这时可以使用JavaScript中的事件监听器来监听点击链接的事件。例如：
<a id="my-link" href="http://www.example.com/">Click Me</a>
<script>
var link = document.getElementById('my-link');
link.addEventListener('click', function(e) {
e.preventDefault();
alert('Link Clicked!');
});
</script>在这个例子中，我们使用addEventListener()方法来监听链接的click事件，并且在点击链接时调用一个函数来弹出一个消息框。在这个函数中，我们使用preventDefault()方法来阻止链接的默认行为，即防止页面在点击链接时跳转到指定的URL页面。
在实际开发中，我们经常需要根据一些条件来动态生成链接，例如根据用户的输入数据来生成指定的URL等等。在这种情况下，我们可以使用JavaScript中的模板字符串来动态生成链接的HTML代码和href属性的值。例如：
<div id="links"></div>
<script>
var url = 'http://www.example.com/';
var id = 123;
var html = `
<a href="${url}?id=${id}">
Click Me
</a>
`;
var links = document.getElementById('links');
links.innerHTML = html;
</script>在这个例子中，我们首先定义了一个变量url和id，然后使用模板字符串来动态生成一个链接的HTML代码，其中的${}会自动解析为变量的值。最后，我们将这个链接的HTML代码插入到页面中的一个div元素中。
综上所述，给链接的href属性赋值是JavaScript中的一个基本操作。在实际开发中，我们需要根据具体的需求来选择不同的赋值方式，例如使用setAttribute()、直接赋值、字符串拼接、模板字符串等等。通过灵活运用这些技巧，我们可以更加高效地完成我们的编程工作。