JavaScript强化教程——Window Location

原创 2016年08月31日 11:06:28
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— Window Location
 
Window Location

window.location 对象在编写时可不使用 window 这个前缀。

一些例子:

location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 (80 或 443)
location.protocol 返回所使用的 web 协议(http:// 或 https://)

Window Location Href

location.href 属性返回当前页面的 URL。

实例

返回(当前页面的)整个 URL:<script> document.write(location.href); </script>以上代码输出为:http://www.w3school.com.cn/js/ ... indow Location Pathname

location.pathname 属性返回 URL 的路径名。

实例

返回当前 URL 的路径名:<script> document.write(location.pathname); </script>以上代码输出为:/js/js_window_location.aspWindow Location Assign

location.assign() 方法加载新的文档。

实例

加载一个新的文档:<html> <head> <script> function newDoc() { window.location.assign("http://www.w3school.com.cn";) } </script> </head> <body> <input type="button" value="加载新文档" onclick="newDoc()"> </body> </html>

点击进入JavaScript强化教程

 

JavaScript window、location对象基础知识整理

window对象window是BOM的核心对象,表示浏览器的一个实例。在浏览器中,window对象有双重角色,它是通过JS访问浏览器窗口的一个接口,也是Global对象。任何在全局作用域中声明的变量和...
  • hongchh
  • hongchh
  • 2016年08月18日 10:43
  • 1468

JavaScript使用Window Location进行页面跳转

JavaScript使用Window Location进行页面跳转概述​ 在Web开发中,常有页面跳转的需要,跳转页面的方式也有很多种,不过这里仅介绍使用window.location的方法,这种...
  • oYinGui1
  • oYinGui1
  • 2017年01月22日 11:38
  • 4372

JavaScript Window Location

window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。 Window Location window.location 对象在编写时可不使...
  • ling811
  • ling811
  • 2013年12月12日 13:30
  • 631

JavaScript强化教程-JS面向对象编程 ...

本文为H5EDU机构官方HTML5培训教程,主要介绍:JavaScript强化教程——JS面向对象编程   对事物的抽象描述   描述这类事物的特征和行为   对象是类的实例 代码实现:创建一...
  • wanda000
  • wanda000
  • 2016年06月28日 14:24
  • 120

JavaScript强化教程-排序

JavaScript强化教程 //冒泡排序 script type="text/javascript">         var a;         a = [66, 53, 11, 5, ...
  • limu693992297
  • limu693992297
  • 2016年06月06日 15:18
  • 124

JavaScript强化教程-表单验证

JavaScript强化教程 必填(或必选)项目 下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。 假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 fal...
  • limu693992297
  • limu693992297
  • 2016年06月06日 15:15
  • 137

JavaScript强化教程——AngularJS

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— AngularJS   AngularJS 简介 AngularJS 是一个 JavaS...
  • zhanyingguo
  • zhanyingguo
  • 2016年08月26日 09:43
  • 174

JavaScript强化教程——AJAX

May the force be with you !我是万达
  • wanda000
  • wanda000
  • 2016年06月27日 22:52
  • 111

JavaScript强化教程——canvas

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— canvas 使用 strokeText(): 使用 "Arial" 字体在画布上绘制一个高 30p...
  • zhanyingguo
  • zhanyingguo
  • 2016年10月10日 09:51
  • 91

JavaScript强化教程——函数参数

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— 函数参数   JavaScript 函数参数 JavaScript 函数对参数的值(argum...
  • zhanyingguo
  • zhanyingguo
  • 2016年09月08日 10:38
  • 143
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript强化教程——Window Location
举报原因:
原因补充:

(最多只允许输入30个字)