JavaScript_Location对象

【JavaScript BOM】定时器、location对象、navigator对象、JS执行机制 BOM1.BOM概述2.window对象常见事件窗口加载事件1窗口加载事件2两者区别调整窗口大小事件3.定时器setTimeout()案例:五秒后自动关闭广告停止setTimeout()定时器setInterval()案例:倒计时停止setInterval()定时器案例:发送短信this指向4.JS执行机制JS单线程同步和异步5.location对象5.1 URL5.2 location对象的属性案例:5秒后跳转页面案例:获取URL参数5.3 location对象的方法6.navigator对象 1.BOM 阅读详情

Location对象是预先定义的JavaScript对象,可以通过Window对象的location属性访问,即window.location


1.Location对象的属性及方法:



Location对象的每个属性都描述了URL的不同特性,通常情况下一个URL会有的格式:协议//主机:端口/路径名#哈希标识?搜索条件  
如图:


这些部分是满足下列需求的:
“协议”是URL的起始部分,直到包含到第一个冒号。
“主机”描述了主机和域名,或者一个网络主机的IP地址
“端口”描述了服务器用于通讯的通讯端口
“路径名”描述了主机上虚拟目录
“哈希标识”描述了URL中的锚名称,包括哈希掩码(#)。此属性只应用于Http的URL
“搜索条件”描述了该URL中的任何查询信息,包括问号。此属性只应用于Http的URL.“搜索条件”字符串包含变量和值的配对;每对之间用一个“&”连接

2.location的属性

(1)location.href

href是location最重要的属性,用于获取当前文档的URL或设置URL。如果设置URL,将导航到新的页面,如:

(2)location.hash

通过location.hash可以用来获取和设置页面的标签值.

对于ajax页面来说,一般用一个页面来处理所有的事务,假设有一个ajax页面中,包含一个以上的Tab的页面,当在此ajax页面中浏览不同Tabs的的信息时,如果程序不做处理,地址栏的URL是不会改变的,这就意味着,当时无论收藏此URL,还是粘贴后发送给别人,这个URL都是不能准确定位到你想浏览的内容,此时,我们可以通过设置location.hash的值来解决这个问题。

举例说明:

第一种情况 :未设置window.location.hash的值,在浏览b和c页面的内容时,URL地址没有任何变化,这就意味着此地址不能精确定位到你想要的内容



第二种情况 :设置window.location.hash的值,以便精确定位URL


代码如下:


3.location的方法

通过下边的两种方法中的任何一种来使浏览器从服务器上下载 (Load) 页面:

reload() - 促使浏览器重新下载当前的页面,也就是“刷新”当前页面了。
replace(URL) - 促使浏览器根据 URL 参数中给出的地址 (URL) 下载页面,同时在当前浏览器存储的历史记录 (即所浏览过的页面的列表) 中使用新的地址(即此方法中的 URL 参数) 覆盖当前的页面。
使用 replace() 方法意味着用户将不能通过按 “返回” 按钮回到前边浏览过的那个页面,但这并不是说用户完全不能回到原来的所有页面,他们只不过是无法回到被 replace() 方法替换的那一个页面 (注意:只是被替换的那一个页面)。


JavaScript:this指向问题、同步和异步、 JS执行机制、location对象 this this 的指向在函数定义的时候 是确定不了的 只有函数执行的时候才能确定this指向谁 一般情况下 this 的最终指向的是那个调用它的对象 .全部作用域或者普通作用函数中 this指向全局对象window (定时器里面的 this指向window) 方法调用中 谁调用this指向谁 构造函数this指向构造函数 <body> <button> 按钮</button> <script> // this 指向问题 阅读详情

相关推荐

PADS VX 蛇形走线的设置方法与绕制

在PCB设计过程中,在等长的设置中是必须用到蛇形走线的,并且DDR模块也会经常使用到。因此掌握蛇形走线的设置方法对我们PCB高速板设计中有很大的帮助。下面介绍蛇形走线的设置方法与绕制。1.单根网络线的蛇形走线的设置:打开PADS router界面,点击“工具”→“选项”(快捷方式“Ctrl+Enter”),弹出“选项”窗口,选择“布线”界面下的“调整”,在“调整”界面,设置蛇形走线,倒角比例可以灵活设置。操作如下图所示:完成蛇形走线的配置后,快捷方式“F3”进行交互式布线时,单击右键选择“添加蛇形走线”,便

tianpu2320959696的博客 3395

Java语言-91:location对象

1、location对象        

qq_41833394的博客 1149

四旋翼无人机Matlab建模

本文主要分享一下四旋翼无人机的建模过程,然后在Matlab的simulink模块搭建起四旋翼无人机的模型,下一章将结合这个模型设计双环PID控制器并调节参数。 一、无人机建模过程

qq_36903625的博客 3万+

JAVA给location对象赋值_[Java教程]location对象

[Java教程]location对象0 2017-08-14 21:00:09对location进行梳理,平时用的时候都是用什么看什么,今天把location整理一下,方便查询完整的URL地址:http://192.168.5.203:8888/demo/demo.html?name=fly&age=18#怪诞咖啡location => http://192.168.5...

weixin_29838739的博客 439

《BiLSTM with Multi-Polarity Orthogonal Attention for Implicit Sentiment Analysis》论文阅读笔记

文章名:《BiLSTM with Multi-Polarity Orthogonal Attention for Implicit Sentiment Analysis》 作者Jiyao Wei a,1, Jian Liaoa,1, Zhenfei Yanga, Suge Wanga,b,∗, Qiang Zhaoa 年份 2019 1 Introduction 目前文本情感分析多分析带...

weixin_39036944的博客 1631

【数据集】CMIP6气候模式数据下载

简介CMIP6及其气候模式数据下载

WW、forever的博客 9360

JavaScript:从JS的执行机制到location对象

JavaScript语言的一大特点就是单线程,也就是同一时间只能做一件事。因为JavaScript是为了处理页面中的用户交互,以及制作DOM二诞生的。比如我们对某个DOM元素进行添加和删除操作,这个不能同时进行,应该先添加,后删除。这样也会有问题:如果JS执行时间过长,会造成页面渲染不连贯,导致页面渲染加载阻塞的感觉为了解决这个问题,利用多喝CPU的计算能力,HTML5提粗Web Worker标准,允许JavaScript脚本创建多个线程,于是就有了同步和异步。

2401_88226934的博客 1251

单智能体篇:Prompt工程艺术

模型在接收到 Prompt 时会自动扮演“角色”,角色定义的好坏直接影响智能体输出的风格和专业性。角色定义的重要性让智能体具备明确身份,例如“你是一位专业理财顾问”或“你是一个幽默的文案创作助手”。角色限定了模型知识输出的范围,使回答更专业、更贴合预期。实战示例模糊Prompt给我一些投资建议。你可以投资股票或者基金。优化Prompt你是一位具有10年经验的专业理财顾问,请给我针对30岁男性,年收入20万,风险偏中等的投资组合建议。

公众号:AI前沿侦探 1305

JavaScript---BOM对象、JS执行机制、location对象

这是因为 Javascript 这门脚本语言诞生的使命所致--JavaScript 是为处理页面中用户的交互,以及操作DOM 而诞生的。前一个任务结束后再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的、同步的。比如做饭的同步做法:我们要烧水煮饭,等水开了(10分钟之后),再去切菜,炒菜。比如做饭的异步做法,我们在烧水的同时,利用这10分钟,去切菜,炒菜。这样所导致的问题是:如果 JS 执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉,属性获取地址中携带的参数, 符号?

sztian68的博客 639

13、混合系统的离散与连续交互

本文详细探讨了混合系统中离散事件与连续动态的交互机制,涵盖了建模方法、分析技术、设计挑战以及多种控制策略。通过具体案例研究和操作语义的定义,展示了混合系统在制造业、交通系统、机器人技术和过程控制等领域的广泛应用。文章还介绍了实验仿真、稳定性研究及优化方法,旨在帮助读者全面理解混合系统的设计与控制要点,并为未来智能化和自适应混合系统的发展提供了展望。

5f4d3s2a1q的博客 128

万字长文,YOLOv8 yaml 文件解析 | 一文搞定 YOLOv8 分类任务,检测任务,分割任务,关键点任务

YOLOv8 yaml 文件解析 | 一文搞定 YOLOv8 分类任务,检测任务,分割任务,关键点任务

Coding... 1万+

JS基本语法-JavaScript中的常用对象5-location对象,提供窗口URL信息

在javascript中,location对象,指的是地址对象,而不是位置对象。location对象用于访问某一个窗口对象所打开的“地址信息”,这里的“地址信息”即URL信息,Uniform Resource Location(统一资源定位符)。location对象也是window对象的一个属性。可以利用location对象从尽兴网页的跳转。

记录和分享程序人生的点点滴滴 1076

Android系统内存和性能关系的调研

摘要:本文分析了低内存导致性能问题的判断方法和评估思路。通过监控/proc/vmstat中的allocstall_normal、pageoutrun等指标可判断内存回收频率,当MemFree、MemAvailable和Cached均低于500MB时可能出现明显卡顿。全文通过实验和理论验证分析,回答因内存瓶颈导致性能问题的一些分析和解决的思路。

jidapenglin28的专栏 133

Javascript location 对象详解

`location`对象是JavaScript中与当前页面地址栏信息相关的内置对象,它提供了当前页面URL的各种属性以及用于导航的方法。这对于在网页中实现页面跳转、获取或修改URL参数等操作非常有用。

大剑师兰特的GIS世界 1132

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

JavaScript浏览器对象之location对象

前言 JavaScript浏览器对象:window对象 window对象是ECMAScript中规定的Global(全局)对象的显式对象,因为Global对象相对情况下是隐式存在的。 通过JS引用可以对浏览器窗口进行访问、操作的一个接口,属于BOM浏览器对象模型中的常用对象之一。如下就window对象控制URL的location对象进行摘要解析: 摘要 一、Location对象方法 简介: Loc...

qq_41890503的博客 1059

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

Javascript【BOM 概述、window 对象的常见事件、定时器、JS 执行机制、 location 对象、navigator 对象、history 对象】

Javascript【BOM 概述、window 对象的常见事件、定时器、JS 执行机制、 location 对象、navigator 对象、history 对象】

m0_52896752的博客 262

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

JavaScript之BOM对象(JS函数作用域、window、history、location对象)

文章目录一、JS作用域二、window窗口三、history对象四、location对象 本篇文章来简单介绍一下JS作用域,以及BOM对象中的三个基础对象,分别是window对象、history对象和location对象。 一、JS作用域 1、函数嵌套作用域 //函数作用域 var place="Beijing"; //外部定义的变量 function outer() { var place="Chengdu"; //outer函数下的重新定义

Viewinfinitely的博客 439

JavaScript Window对象之(BOM、JS 执行机制、location对象、navigator对象、histroy对象、本地存储)

JavaScript是单线程的,就会出现如果某个JS任务执行的时间过长,这样就会造成页面的渲染不连贯。数据存储在用户浏览器中,页面刷新但数据不丢失。主要管理历史记录, 该对象与浏览器地址栏的操作相对应,如前进、后退等。如果是android或iphone移动端请求页面,直接跳转到指定的页面(移动端页面)先访问百度,再访问当前页面,然后点击后退按钮,就能退回到百度的页面。navigator是一个对象,记录了浏览器自身的相关信息。同localStorage,就是浏览器一关闭,数据就会丢失。

Bulut0907 1174

js中location对象详解

location 是最有用的 BOM 对象之一,提供了当前窗口中加载文档的信息,以及通常的导航功能。主要是对浏览器url地址相关数据的获取和定义。 1. location常用属性 location.href: 返回当前页面的完整的URL地址; location.search: 返回URL后面的参数(类似于"?name=lc&age=20"); location.protocol: 返回页面使用的协议(通常是"http:“或"https:”); location.host: 返回页面的域名及端口.

RayShyy的博客 9571

JS之location对象详解

location指示了其所连接对象的url位置。和对象中都有location属性,可以通过window.location和document.location访问。如果想要获得当前文档的完整url字符串,有四种方式以上方式均可以获得“”这样的字符串location在控制台输出结果为:(Chrome浏览器)

热爱前端的大三在校生 9211

JavaScript(this指向问题、JS执行机制、location,history对象)

JSday12 文章目录JSday12this指向问题JS执行队列JS是单线程同步和异步同步异步JS执行机制(事件循环even loop)location对象location对象属性:location对象的方法history对象 this指向问题 this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,一般情况下this的最终指向的是那个调用它的对象。 全局作用域或者普通函数中this指向全局对象window(注意定时器里面的thi指向window) 方法调用中谁调用th

weixin_45886797的博客 424

javascript中Location对象的使用

<br />原文地址:http://hi.baidu.com/ufineifine/blog/item/f57cedcd9b78dd510eb3451c.html<br /> <br /><br />javascript 的location应用<br />Location.href 返回整个当前url,若对其赋值:<br />location.href="http://www.sina.com.cn"则跳转其url<br />location.host 返回域名和端口号,如:www.sina.com.cn:

王伟峰 1566

JavaScript中location对象使用【详解】

本篇文章主要在于,了解并会使用JavaScript中location对象

sjs52406的博客 2789

js中location地址对象

本文转载自:http://www.ijavascript.cn/jiaocheng/javascript-location-70.html location 地址对象 它描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址,只需要使用“location”就行了;若要表示某一个窗口的地址,就使用“.location”。先前写了一片用window.location.href实现刷新另个框架页面

javascript专栏 907

JavaScript——location对象

window对象给我们提供了一个location属性用于获取或设置窗体的URL,并且可以用于解析URL。因为这个属性返回的是一个对象,所以我们将这个属性也称为location对象。

shhghvvh的博客 1953

js Window Document 中的 location 对象

js Window Document 中的 location 对象 window.location 与 document.location 的关系 window 和 document 中都有一个 location 属性,都是 Location 对象 他们两个的关系是:完全一模一样,如下 === Location 对象的一些属性和方法 { hash: &amp;amp;amp;quot;&amp;amp;amp;quot; host: &amp;amp;amp;quot;

学习笔记 1865
上一篇: JavaScript_Window对象
下一篇: Java类加载器及其委托机制
java_huashan
博客等级 码龄14年 37粉丝 12原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值