window.location.href是JavaScript中用来获取或设置当前页面的URL的属性。
用法一:获取当前页面的URL
你可以通过以下方式获取当前页面的URL:
var url = window.location.href;
用法二:跳转到指定URL
你可以使用以下方式将当前页面重定向到另一个URL:
window.location.href = “https://www.example.com”;
可以将上述代码放在某个事件的监听函数中,当事件触发时,页面就会跳转到指定的URL。
用法三:动态输出跳转
你可以根据某些条件来动态地决定页面跳转的目标URL。例如,假设你有一个表单,用户输入了一个URL,你需要根据用户输入的URL在新窗口打开这个URL。你可以使用以下代码实现:
var userInput = document.getElementById(“user-input”).value;
window.location.href = userInput;
上述代码中,通过获取用户输入的值,然后将其赋值给window.location.href属性,就可以实现根据用户输入的URL来动态地跳转页面。
需要注意的是,如果用户输入的URL不合法,可能会导致页面错误或者跳转失败。在使用用户输入的URL时,需要进行合法性验证和处理。