javascript之BOM地址栏对象(Location)

最新推荐文章于 2022-09-17 23:21:30 发布
最新推荐文章于 2022-09-17 23:21:30 发布
阅读量676 收藏
点赞数 1
分类专栏： 从零开发Javaee javascript 文章标签： javascript javascript笔记 web前端 对象 Location对象
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32059827/article/details/51491837
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript"> 
/*
地址栏对象(Location)
 
	href : 设置以及获取地址栏的对象
	reload() 刷新当前的页面
	
	
 
*/
	function showURL(){
		alert(location.href);	//会弹窗显示地址栏信息为：D:\ee33期\day05\day05\代码\5location对象.html
	}
	
	
	function download(){
		location.href="http://www.baidu.com";//为span设置了点击事件。点击访问百度服务器
	}
	
	
	function rafresh(){
		location.reload();	//刷新当前页面一次
	}
	
	
	window.setInterval("rafresh()",1000);//每隔1s钟，执行refresh方法一次。这里指刷新当前的页面一次。
	
 
</script>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
	<input type="button" οnclick="showURL()" value="显示地址栏"/>
	<span οnclick="download()">下载电影</span>
</body>
</html>

杨道龙
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中BOM对象原理与用法分析
12-11
`Location`对象反映了浏览器的地址栏信息。`host`属性返回主机名，`href`包含完整的URL，可以修改它来实现页面跳转，`pathname`是URL中的路径部分，`search`则是查询字符串。例如，`window.location.href`的改变会...
Javascript之BOM与DOM讲解
最新发布
02-09
BOM不仅限于文档内容，还包括浏览器界面的各种组件，如标签页、地址栏、菜单栏等。 DOM与BOM的主要区别在于它们关注的领域。DOM专注于管理网页内容，提供了一种结构化的表示，以便于脚本进行操作。而BOM则关注于...
bom操作---location（地址栏对象）
赵佳敏的博客
12-18 395
目录一、获取地址栏基本信息1. 获取主机名称+端口号2. 获取主机名称3. 获取当前地址4. 获取协议+主机名称+端口号5. 获取地址栏后半段6. 获取端口号7. 获取协议二、有关地址栏基本方法1. reload()----重新加载2. 跳转页面----href3. 地址替换----replace() 一、获取地址栏基本信息 1. 获取主机名称+端口号 console.log(location.host);//主机名称+端口号 2. 获取主机名称 console.log(locati.
JS BOM操作地址栏、浏览器信息
珎珎啊
03-26 614
获取浏览器地址栏信息 window.location console.log(window.location); 浏览器的地址信息: 在 window 中有一个对象叫做 location 就是专门用来存储浏览器的地址栏内的信息的 href属性 控制浏览器地址栏的内容 reload()方法 刷新页面 注意： 不要写在全局，不然浏览器就会一直处在刷新状态 1. window.location.r...
BOM操作地址栏信息 BOM操作之编程导航 BOM操作之获取浏览器相关信息 BOM操作之跳转 BOM操作之浏览器常见事件
Allen的博客
10-05 382
BOM操作地址栏信息 <button id="btn">点击刷新</button> <script> // 获取浏览器地址栏信息 // window.location console.log(window.location); // 1, window.location.reload() 方法 // 页面重新加载/刷新方法 // window.location.reload(); // 不能直接写,否则会一直刷新
JS BOM之location对象
weixin_34153893的博客
04-02 117
location 对象 location 是最有用的BOM对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。事实上，location 对象是很特别的一个对象，因为它既是window对象的属性，也是document对象的属性；换句话说，window.location 和 document.location 引用的是同一个对象。 以下是location的所有...
10JavaScript浏览器对象模型BOM.docx
04-27
3. **Location对象**：Location对象反映了浏览器地址栏中的URL信息。我们可以使用`location.href`获取完整的URL，`location.pathname`获取路径名，以及`location.assign()`来加载新的页面。此外，`location.replace...
BOM和DOM对象的简单介绍
05-06
location 对象是 DOM 中的一个重要对象，它描述了当前文档的地址信息。location 对象的属性包括 href、protocol、host、hostname、port 等，其中，href 属性返回当前文档的完整 URL，protocol 属性返回当前文档的...
JavaScript高级基础-2
12-20
BOM的`location`对象则与浏览器的地址栏紧密相关，`location.href`属性可以读取或设置当前页面的URL，而`decodeURI`函数用于解码URL中的特殊字符。通过改变`location.href`，可以实现页面的跳转。例如，`location....
JS中BOM编程：设置浏览器地址栏地址
m0_53881899的博客
09-01 651
JS中BOM编程：设置浏览器地址栏地址
BOM的基本操作
txl2498459886的博客
09-17 513
浏览器对象模型，也就是。可以操作哪些内容？获取一些浏览器的相关信息（如：窗口大小等）操作浏览器进行页面的跳转获取当前浏览器地址栏的信息操作浏览器的滚动条浏览器的信息（如：浏览器的版本信息）让浏览器出现一个弹出框（alert/prompt/confirm）...BOM的核心是。window是浏览器内置的一个对象，里面包含着操作浏览器的方法。注意：事件和对象不同，在使用window上的方法时不可以省略window，但如果是在使用window下的对象时，可以省略window。
javaScript知识点回顾（三十二）：Location地址栏对象
一起学习呀
06-06 186
Location地址栏对象href：获取地址栏中完整的地址。可以实现JS的网页跳转。location.href = “http://www.sina.com.cn”;hostname：主机名pathname：文件路径及文件名search：查询字符串。protocol：协议，如：http://、ftp://hash：锚点名称。如：#topreload([true])：刷新网页。true参数表示强制刷...
js第12课——BOM模型以及地址栏相关的方法
qq_42012745的博客
11-25 292
BOM 浏览器对象模型 1.浏览器窗口的宽和高 innerWidth innerHight 视口的宽和高 2.浏览器的相关信息 window.navigator 需要了解： appname:"Netscape" appVersion:浏览器版本 platform：系统的版本 浏览器地址栏 1.打开一个页面 window.open(); 例： var btnEle = document.queryS
JavaScript(五)_BOM_地址栏(Location)对象_自动跳转页面案例
qq_37388518的博客
08-15 286
需求： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自动跳转页面</title> <style> p{ text-align: cente...
BOM操作页面
m0_73050509的博客
08-26 264
BOM操作页面，定时器的两个使用方式，正则表达式判断
JS基础学习第十天：BOM对象及BOM操作
Awen_liang1002
12-12 276
BOM部分基础知识总结 ================== 什么是BOM？ ECMAScript 是 JavaScript 的核心，但是在web中使用JavaScript，那么BOM（浏览器对象模型）无疑才是真正的核心; BOM（Browser Object Document）即浏览器对象模型。 BOM提供了独立于内容 而与浏览器窗口进行交互的对象； 由于BOM主要用于管理窗口与窗口
检测浏览器(BOM)以及地址栏网址的API
weixin_33910759的博客
09-08 172
navigator.userAgent //检测浏览器的版本以及那个厂商的 （不怎么准，你比如360经常跟别人干架，所以别人检测到360浏览器就提示浏览器危险，所以360就自己修改了） //分解这个地址 http://www.imooc.com/course/list?c=linux#mad=100 location.protocol "http:" //打印结果 l...
BOM中的location对象之跳转页面的属性
qq_45716607的博客
04-27 303
Location 对象是 Window 对象的一个部分 Location中的三个重要属性 都有跳转页面的作用 属性 描述 assign() 加载新的文档。 reload() 重新加载当前文档。 replace() 用新的文档替换当前文档。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l
掌握JavaScript高级BOM与DOM对象及实战案例
BOM，即浏览器对象模型，是JavaScript与浏览器环境交互的接口。它允许开发者通过编程方式控制浏览器的功能，如窗口管理、定时器等。本课程的目标是使学生掌握BOM对象的使用，包括： 1. 了解BOM的概念，即它是如何...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值