BOM对象——Location
2024-08-28 09:02:23
BOM对象——location
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
window.onload = function() {
/*
Location
- 该对象封装了浏览器的地址栏信息
*/
//获取按钮
var btn = document.getElementById("btn");
btn.onclick = function() {
// 如果直接打印location,则可以获取到地址栏的信息(当前页面完整的路径)
// console.log(location);?
/*
如果直接将location属性改成一个完整路径或者相对路径则会跳转到该页面
*/
// location="http://www.baidu.com";
/*
assign
- 用来跳转到其他页面,作痛和直接修改location一样
*/
// location.assign("http://www.baidu.com");
/*
reload();
重新加载当前页面
如果在方法中传递一个true,强制清空缓存
*/
// location.reload(true);
/*
replace();
- 可以使用一个新的页面替换当前页面,调用完毕也会跳转页面
- 不会生成历史记录,不能使用回退按钮
*/
location.replace("http://www.baidu.com");
}
}
</script>
</head>
<body>
<button type="button" id="btn">btn</button>
</body>
</html>
最新文章
- ORACLE临时表空间
- MFC编程入门之十六(对话框:消息对话框)
- yield return 和 yield break
- robotframework 测试工具添加PDF文件内容匹配插件
- Debian apt-get 无法补全
- 深入理解Java虚拟机 - 类加载器
- js的引用顺序
- 与众不同 windows phone (32) - Communication(通信)之任意源组播 ASM(Any Source Multicast)
- Visual Studio 2015使用EF6的CodeFirstFromDB模式操作Sqlite数据库时Provider问题
- 【踩坑】360安全浏览器“极速模式”和“兼容模式”,套路还是bug?
- Eclipse 修改 创建的Jsp的默认格式
- Linux nc 命令传输文件
- robotframework的学习笔记(十五)----robotframework标准库Collections
- ubuntu16.04下 搭建 lnmp 环境
- java JDK环境的配置
- Photoshop制作仿等高线着色图
- linq left join ,inner join ,crossjoin
- Code Signal_练习题_extractEachKth
- Java基础-Java中的堆内存和离堆内存机制
- eclipse项目setting文件