JS浏览器对象-Location对象

1、返回web主机的域名

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="UTF-8">
 5 <title>uvi</title>
 6      <link rel="stylesheet" href="style.css" type="text/css">
 7 </head>
 8 <body>
 9
10    <button id="btn" onclick="getLoc()">按钮</button>
11    <p id="ptime"></p>
12    <script>
13       function getLoc(){
14           //返回web主机的域名
15           document.getElementById("ptime").innerHTML = window.location.hostname;
16       }
17    </script>
18
19 </body>
20 </html>

2、返回web主机的域名

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="UTF-8">
 5 <title>uvi</title>
 6      <link rel="stylesheet" href="style.css" type="text/css">
 7 </head>
 8 <body>
 9
10    <button id="btn" onclick="getLoc()">按钮</button>
11    <p id="ptime"></p>
12    <script>
13       function getLoc(){
14           //返回web主机的域名
15           document.getElementById("ptime").innerHTML = window.location.pathname;
16       }
17    </script>
18
19 </body>
20 </html>

其他方式类似。

时间: 2024-10-10 21:21:52

JS浏览器对象-Location对象的相关文章

js浏览器内对象 History对象+Navigator对象+Location对象+Screen对象

一.History对象 History 对象包含用户(在浏览器窗口中)访问过的 URL. History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问. 注释:没有应用于 History 对象的公开标准,不过所有浏览器都支持该对象. IE: Internet Explorer, F: Firefox, O: Opera. 1. History 对象属性 属性 描述 IE F O length 返回浏览器历史列表中的 URL 数量. 4 1 9 2. 

【JavaScript】BOM对象——Window对象&amp;History对象&amp;Location 对象

1.Window对象: 表示浏览器中打开的窗口 setInterval():它有一个返回值,主要是提供给 clearInterval 使用. setTimeout():它有一个返回值,主要是提供给 clearTimeout 使用. clearInterval():该方法只能清除由 setInterval 设置的定时操作. clearTimeout():该方法只能清除由 setTimeout 设置的定时操作. 代码: <script> // //确认弹出框 // confirm("确定

JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象)

JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象) 一丶什么是BOM ???????Bom:Browser Object Model,浏览器对象模型.操作浏览器部分的功能的API(事件/函数). 结构图: ???分析:1.window对象是Bom的顶层对象.所有的对象都是从windom延伸出来的,称其为window子对象. ?????? 2.dom是bom的一部分 ?????? 3.

浏览器端-W3School-JavaScript:Location 对象

ylbtech-浏览器端-W3School-JavaScript:Location 对象 1.返回顶部 1. Location 对象 Location 对象 Location 对象包含有关当前 URL 的信息. Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问. 例子 把用户带到一个新的地址 Location 对象属性 属性 描述 hash 设置或返回从井号 (#) 开始的 URL(锚). host 设置或返回主机名和当前 URL 的端口

JavaScript Location 对象

Location 对象 Location对象包含有关当前URL的信息.location对象是window对象的一部分,可以通过window.location属性访问. 注意:没有适用于location对象的公共标准,但所有主流浏览器都支持它. <!DOCTYPE html> <html> <meta charset="UTF-8"> <title>js</title> <body> <p>单击此按钮可显

History对象和location对象

history对象 History对象包含用户在浏览器窗口中访问过的url.不是所有浏览器都支持该对象. 属性length   返回浏览器历史列表中的URL数量. 方法:back() 加载history列表中的前一个URL foward()  加载history列表中的下一个URL go()  加载history列表中的某个具体页面. History对象最初设计来表示窗口的浏览历史,但出于隐私方面的原因,Histroy对象不再允许脚本访问已经访问过的实际URL,唯一保持使用的功能使用back()

Location 对象

Location 对象 Location 对象包含有关当前 URL 的信息. Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问. 例子 把用户带到一个新的地址 Location 对象属性 属性 描述 hash 设置或返回从井号 (#) 开始的 URL(锚). host 设置或返回主机名和当前 URL 的端口号. hostname 设置或返回当前 URL 的主机名. href 设置或返回完整的 URL. pathname 设置或返回当前 U

JavaScript之DOM-7 Window常用子对象(navigator对象、location对象、history对象、screen对象)

一.navigator对象 navigator对象的作用 - navigator 对象包含有关浏览器的信息 - 常用于获取客户端浏览器和操作系统信息 常用属性和方法 二.location 对象 location 对象的作用 - location 对象包含有关当前 URL 的信息 - 常用于获取和改变当前浏览器的网址 常用属性和方法 三.history对象 history对象的作用 - history对象包含用户(在浏览器窗口中)访问过的URL的历史记录 常用属性和方法 四.screen对象 sc

【2017-03-28】JS基础、windows对象、history对象、location对象

一.JS基础 JS - javaScript 1.js功能: 1).进行数据的运算.2).控制浏览器的一些功能.3).控制元素(属性.内容.样式) js引用位置: 可以放在html页的任意位置. 推荐放在<html></html>后边. 也可以放在一个以js结尾的文件内,将该文件引用到html页内. 2.格式: <script type="text/javascript"> js代码 </script> 1.alert("&qu