`
q272156430
  • 浏览: 275817 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

JAVASCRIPT中的window.location和document.location

JavaScript框架ASP.netSchemeASP 
阅读更多

 

document.location     这个对象包含了当前URL的信息

location.host 获取port号

location.hostname 设置或获取主机名称

location.href 设置或获取整个URL

location.port设置或获取URL的端口号

location.search     设置或获取href属性中跟在问号后面的部分

一、js中window.location的应用

  URL即:统一资源定位符 (Uniform Resource Locator, URL)
  完整的URL由这几个部分构成：
  scheme://host:port/path?query#fragment
  scheme:通信协议
  常用的http,ftp,maito等

host:主机
服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。

port:端口号
整数，可选，省略时使用方案的默认端口，如http的默认端口为80。

path:路径
由零或多个"/"符号隔开的字符串，一般用来表示主机上的一个目录或文件地址。

query:查询
可选，用于给动态网页（如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页）传递参数，可有多个参数，用"&"符号隔开，每个参数的名和值用"="符号隔开。

fragment:信息片断
字符串，用于指定网络资源中的片断。例如一个网页中有多个名词解释，可使用fragment直接定位到某一名词解释。(也称为锚点.)

对于这样一个URL

http://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere



我们可以用javascript获得其中的各个部分
1, window.location.href
整个URl字符串(在浏览器中就是完整的地址栏)
本例返回值: http://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

2,window.location.protocol
URL 的协议部分
本例返回值:http:

3,window.location.host
URL 的主机部分
本例返回值:www.x2y2.com

4,window.location.port
URL 的端口部分
如果采用默认的80端口(update:即使添加了:80)，那么返回值并不是默认的80而是空字符
本例返回值:""

5,window.location.pathname
URL 的路径部分(就是文件地址)
本例返回值:/fisker/post/0703/window.location.html

6,window.location.search
查询(参数)部分
除了给动态语言赋值以外，我们同样可以给静态页面,并使用javascript来获得相信应的参数值
本例返回值:?ver=1.0&id=6

7,window.location.hash
锚点

document.href="http://www.sina.com.cn"   
document.location="http://www.sina.com.cn"   
window.location="http://www.sina.com.cn"   
只是属于包含的问题   
   一个是window,一个是document
location    是个对象    比如本页的document.location    和window.location的属性有
     location.hostname    =    community.csdn.net   
   location.host    =    community.csdn.net   
   location.hash    =     
     location.port    =     
   location.pathname    =    /Expert/topic/4033/4033372.xml   
   location.search    =    ?temp=2.695864E-02   
   location.protocol    =    http:   
   可见href    是location的属性    类别是string    。
[document对象]
　　该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。
　　属性
　　alinkColor 活动链接的颜色(ALINK)
　　anchor 一个HTMI锚点,使用<A NAME=>标记创建(该属性本身也是一个对象)
　　anchors array 列出文档锚点对象的数组(<A NAME=>)(该属性本身也是一个对象)
　　bgColor 文档的背景颜色(BGCOLOR)
　　cookie 存储于cookie.txt文件内的一段信息,它是该文档对象的一个属性
　　fgColor 文档的文本颜色(<BODY>标记里的TEXT特性)
　　form 文档中的一个窗体(<FORM>)(该属性本身也是一个对象)
　　forms anay 按照其出现在文档中的顺序列出窗体对象的一个数组(该属性本身也是一个对象)
　　lastModified 文档最后的修改日期
　　linkColor 文档的链接的颜色,即<BODY>标记中的LINK特性(链接到用户没有观察到的文档)
　　link 文档中的一个<A HREF=>标记(该属性本身也是一个对象)
　　links array 文档中link对象的一个数组,按照它们出现在文档中的顺序排列(该属性本身也是一个对象)
　　location 当前显示文档的URL。用户不能改变document.location(因为这是当前显示文档的位置)。但是,
可以改变 window.location (用其它文档取代当前文档)window.location本身也是一个对象,而
document.location不是对象
　　referrer 包含链接的文档的URL,用户单击该链接可到达当前文档
　　title 文档的标题((TITLE>)
　　vlinkColor 指向用户已观察过的文档的链接文本颜色,即<BODY>标记的VLINK特性
　　方法
　　clear 清除指定文档的内容
　　close 关闭文档流
　　open 打开文档流
　　write 把文本写入文档
　　writeln 把文本写入文档,并以换行符结尾
[window对象]
　　它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口。
　　属性
　　defaultStatus 缺省的状态条消息
　　document 当前显示的文档(该属性本身也是一个对象)
　　frame 窗口里的一个框架((FRAME>)(该属性本身也是一个对象)
　　frames array 列举窗口的框架对象的数组,按照这些对象在文档中出现的顺序列出(该属性本身也是一个
对象)
　　history 窗口的历史列表(该属性本身也是一个对象)
　　length 窗口内的框架数
　　location 窗口所显示文档的完整(绝对)URL(该属性本身也是一个对象)不要把它与如document.location
混淆,后者是当前显示文档的URL。用户可以改变window.location(用另一个文档取代当前文档),但却不能改变
document.location (因为这是当前显示文档的位置)
　　name 窗口打开时,赋予该窗口的名字
　　opener 代表使用window.open打开当前窗口的脚本所在的窗口(这是Netscape Navigator 3.0beta 3所引
入的一个新属性)
　　parent 包含当前框架的窗口的同义词。frame和window对象的一个属性
　　self 当前窗口或框架的同义词
　　status 状态条中的消息
　　top 包含当前框架的最顶层浏览器窗口的同义词
　　window 当前窗口或框架的同义词,与self相同
　　方法
　　alert() 打开一个Alert消息框
　　clearTimeout() 用来终止setTimeout方法的工作
　　close() 关闭窗口
　　confirm() 打开一个Confirm消息框,用户可以选择OK或Cancel,如果用户单击OK,该方法返回true,单击
Cancel返回false
　　blur() 把焦点从指定窗口移开(这是Netscape Navigator 3.0 beta 3引入的新方法)
　　focus() 把指定的窗口带到前台(另一个新方法)
　　open() 打开一个新窗口
　　prompt() 打开一个Prompt对话框,用户可向该框键入文本,并把键入的文本返回到脚本
　　setTimeout() 等待一段指定的毫秒数时间,然后运行指令事件处理程序事件处理程序
　　Onload() 页面载入时触发
　　Onunload() 页面关闭时触发
       区别：用户不能改变document.location(因为这是当前显示文档的位置)。但是,可以改变window.location (用其它文档取代当前文档)window.location本身也是一个对象,而document.location不是对象

 

分享到：
| javaScript 正则表达式
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    window.location.href页面跳转的用法（区别于redirect）

    window.opener.document.location.reload(); ``` #### 总结 通过本文的介绍，我们可以看到`window.location.href`不仅能够实现简单的页面跳转，还能灵活地应用于复杂框架结构中的页面跳转及刷新。相比`Response....

    JavaScript 中document.URL 和 [removed].href 的区别

    在探讨JavaScript中`document.URL`与`window.location.href`之间的差异之前，我们首先需要了解`document`和`window`这两个核心对象的基本概念及其作用。这不仅有助于理解它们各自属性的具体含义，还能帮助开发者在...

    字符串 window.open() window.opener window.name window对象等的总结

    在JavaScript的世界里，`window`对象是全局对象，它提供了与浏览器窗口进行交互的各种方法和属性。本篇文章将深入探讨`window.open()`、`window.opener`、`window.name`以及`window`对象的一些核心概念，同时通过两...

    JS 中document.URL 和 windows.location.href 的区别

    在JavaScript中，`document.URL`和`window.location.href`都是用来获取当前页面URL的属性，但它们之间存在一些微妙的差异。理解这些差异对于编写精确的前端代码至关重要。 首先，我们要明确`document`和`window`是...

    JS 获取当前页面 URL.docx

    `window.location.hash`返回URL中的锚点部分，即URL中`#`后面的部分。 ```javascript console.log(window.location.hash); // 输出锚点部分 ``` #### `document.domain` 虽然`document.domain`不是`window....

    window.showModalDialog以及window.open用法简介

    `window.showModalDialog`和`window.open`是JavaScript中用于实现这一目标的两个关键函数。它们都可以创建新窗口，但有着不同的特性和使用场景。 首先，`window.open()`是一个广泛使用的函数，它可以在浏览器中打开...

    JavaScript调用window函数.docx

    本文将详细介绍 JavaScript 中的 window 对象的各个属性和方法，包括 status、statusbar、defaultstatus、location、locationbar、self、name、closed、frames、frames.length、length、document、history、...

    JavaScript中window.open用法实例详解

    JavaScript中的`window.open()`函数是用于在浏览器中打开新窗口或者新标签的API，它可以用于创建一个新的浏览器窗口或者替换已存在的窗口。这个函数通常在网页交互中用来打开新的链接、弹出对话框或者进行页面间的...

    关于js中[removed].href,location.href,parent.location.href,top.location.href的用法与区别

    标题和描述中提到了JavaScript中的几个与页面跳转和刷新相关的属性，分别是window.location.href、location.href、parent.location.href以及top.location.href。这些属性在JavaScript编程中非常常用，用于控制页面的...

    javascript 页面刷新和模态对话框 学习总结 推荐哦

    window.location.href = window.location.href; // 刷新当前页面 window.location.href = "http://www.example.com"; // 跳转到新的URL ``` ##### 8. 使用`document.URL` - **语法**: `document.URL = url;` - ...

    javascript页面跳转常用代码.pdf

    需要注意的是，`window.location.href="要刷新的页面"`在某些浏览器（如IE6、Maxthon）中可能存在问题，建议使用`window.location.reload()`确保兼容性。 在服务器端，例如ASP.NET，可以使用以下方法进行页面跳转或...

    javascript页面跳转常用代码宣贯.pdf

    3. `&lt;script language="JavaScript"&gt; function myrefresh() { window.location.reload(); } setTimeout('myrefresh()',1000); &lt;/script&gt;`:该方法可以每隔 1 秒刷新一次页面。 JS 刷新框架 如果页面中包含框架，...

    获取当前网页document.url location.href区别总结

    在JavaScript中，`document.URL` 和 `window.location.href` 都是用来获取当前页面URL的属性，但它们之间存在微妙的区别。这两个属性虽然在大多数情况下返回的值相同，但在特定的场景下，它们的表现可能会有所不同。...

    js刷新页面location.reload()用法详解

    JavaScript中的`location.reload()`函数是用于刷新当前页面的，它允许开发者在用户界面中实现页面的动态更新，或者在特定条件下重新加载页面内容。这个函数是`window`对象的一个方法，因此可以在任何全局作用域中...

    javascript使用window.name解决跨域问题第1/2页

    JavaScript中的`window.name`属性是一个独特且强大的工具，尤其在处理跨域通信时。它不受同源策略的限制，可以在不同页面甚至不同域名之间保持其值。这是因为`window.name`的值在页面重载或导航至其他URL时仍然保留...

    JAVASCRIPT-DOCUMENT方法大全.pdf

    1. `document.location.hash`: 获取URL中`#`后面的部分。 2. `document.location.host`: 包含域名和端口号。 3. `document.location.hostname`: 获取域名。 4. `document.location.href`: 获取完整的URL。 5. `...

    [removed].reload 刷新使用分析(去对话框)

    `window.location.reload()`是JavaScript中用于刷新当前页面的一个关键方法。这个方法会重新加载当前的URL，包括重新发送HTTP请求到服务器。然而，当页面中包含未保存的数据或者正在进行某种交互时，浏览器可能会弹...

    JS页面跳转和js对iframe进行页面跳转、刷新

    与`window.location.href`类似，但不同之处在于`replace`不会在浏览器的历史记录中留下跳转记录，这意味着用户点击后退按钮时不会回到之前的页面。 ```javascript window.location.replace("http://www.example.com"...

    jsp返回上一页和刷新

    在JavaScript中，可以使用parent.location.reload()来刷新框架，例如：&lt;script language=JavaScript&gt;parent.location.reload(); 六、结论 jsp返回上一页和刷新是一种常见的jsp开发需求，本文总结了一些常用的jsp...

Magicbox
Global site tag (gtag.js) - Google Analytics