Location：地址栏对象

 1. 创建(获取)：1. window.location2. location2. 方法：* reload()   重新加载当前文档。刷新3. 属性* href  设置或返回完整的 URL。

示例代码如下:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Location对象</title></head>
<body><input type="button" id="btn" value="刷新"><input type="button" id="goItcast" value="去传智"><script>//reload方法，定义一个按钮，点击按钮，刷新当前页面//1.获取按钮var btn = document.getElementById("btn");//2.绑定单击事件btn.onclick = function(){//3.刷新页面location.reload();}//获取hrefvar href = location.href ;//alert(href);//点击按钮，去访问www.itcast.cn官网//1.获取按钮var goItcast = document.getElementById("goItcast");//2.绑定单击事件goItcast.onclick = function(){//3.去访问www.itcast.cn官网location.href = "https://www.baidu.com";}</script>
</body>
</html>

[JS-BOM]BOM_Location地址栏对象相关推荐

前端：JS/24/BOM和DOM简介，for...in循环遍历，window对象的属性和方法，延时器，定时器，screen屏幕对象，location地址栏对象，history历史记录对象
BOM 和DOM简介 BOM ,Browser Object Model ,浏览器对象模型: BOM主要提供了访问和操作浏览器各组件的方式: 浏览器组件:window(浏览器容器), location ...
JavaScript中BOM简介及其对象、js执行机制
目录 BOM简介什么是BOM DOM和BOM的区别 BOM的构成 Window对象的常见事件窗口加载事件调整窗口大小事件定时器函数 setTimeout( )定时器停止setTimeout( ...
JS+BOM+DOM汇总
文章目录前言:JavaScript的发展史第一章:BOM 1.1.概念 1.2.组成:window.Navigator.Screen. History.Location 1.3.方法第二章:DO ...
JS,BOM,DOM（六）
## JavaScript1. ECMAScript: 基础语法2. BOM3. DOM:1. 事件## DOM简单学习:* 功能: 控制html文档的内容* 代码: 获取页面标签(元素)对象 Ele ...
javascript原生事件句柄、BOM、DOM对象属性方法总结
javascript原生事件句柄.BOM.DOM对象属性方法总结 JS事件句柄事件句柄类型说明 onabort 事件句柄图像加载被中断 onblur 事件句柄元素失去焦点 onfocus 事 ...
014、BOM与DOM对象的应用
Screen屏幕对象 Width:屏幕的宽度 Height:屏幕的高度 availWidth:屏幕的有效宽度(不含任务栏) availHeight:屏幕的有效高度(不含任务栏) colorDepth: ...
APIS（BOM）——Window对象、本地存储
Window对象 BOM Window对象定时器-延时函数 js执行机制同步任务异步任务执行机制 location对象 navigator 对象 histroy 对象本地存储本地存储分类 ...
JS BOM 学习笔记
2022年7月26日周二学习笔记学习时长:4h 学习进度:复习+ JS中的 BOM 目录 BOM 1.概述 1.1 什么是BOM 2. window对象的常见事件 2.1 窗口加载事件 2.2 ...
前端开发：JS中的Window对象详解
前言在前端开发过程中,关于全局对象的使用是非常常用的,其实每个JS环境中都一个全局对象,尤其是在实际开发过程中全局范围内创建任何变量都是这个全局对象的属性,且任何函数都是它的方法.在实际浏览器环境下 ...

[JS-BOM]BOM_Location地址栏对象

Location：地址栏对象

[JS-BOM]BOM_Location地址栏对象相关推荐

最新文章

热门文章