温馨提示×

window.location.href的用法(动态输出跳转)

小云
275
2023-08-16 15:27:14
栏目: 编程语言

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时,需要进行合法性验证和处理。

0