`

jquery/js获取当前页面url地址程序代码

 
阅读更多

转自:http://www.111cn.net/wy/js-ajax/52767.htm

本文章来给各位同学介绍关于jquery/js获取当前页面url地址程序代码,在jquery与js中获取当前页面url方法是一样的,因为jquery没有自己相关的函数哦,都是使用js windows方法来获取。

设置或获取对象指定的文件名或路径。
window.location.pathname
设置或获取整个 URL 为字符串。
window.location.href
设置或获取与 URL 关联的端口号码。
window.location.port
设置或获取 URL 的协议部分。
window.location.protocol
设置或获取 href 属性中在井号“#”后面的分段。
window.location.hash
设置或获取 location 或 URL 的 hostname 和 port 号码。
window.location.host
设置或获取 href 属性中跟在问号后面的部分。
window.location.search
window.location 属性 描述 hash 设置或获取 href 属性中在井号“#”后面的分段。
host 设置或获取 location 或 URL 的 hostname 和 port 号码。
hostname 设置或获取 location 或 URL 的主机名称部分。
href 设置或获取整个 URL 为字符串。
pathname 设置或获取对象指定的文件名或路径。
port 设置或获取与 URL 关联的端口号码。
protocol 设置或获取 URL 的协议部分。
search 设置或获取 href 属性中跟在问号后面的部分。

设置或获取对象指定的文件名或路径。

代码如下 复制代码
<script>
alert(window.location.pathname)
</script>

设置或获取整个 URL 为字符串。

代码如下 复制代码

<script>

alert(window.location.href);
</script>

设置或获取与 URL 关联的端口号码。

代码如下 复制代码
<script>
alert(window.location.port)
</script>

设置或获取 URL 的协议部分。

代码如下 复制代码
<script>
alert(window.location.protocol)
</script>

设置或获取 href 属性中在井号“#”后面的分段。

代码如下 复制代码
<script>
alert(window.location.hash)
</script>

设置或获取 location 或 URL 的 hostname 和 port 号码。

代码如下 复制代码
<script>
alert(window.location.host)
</script>

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

代码如下 复制代码
<script>
alert(window.location.search)
</script>


如果获取“当前”域名

host = window.location.host;

url=document.domain;

url = window.location.href;

取得完整url路径: 用以下代码可以完整研证结果:

<table width=100% cellpadding=0 cellspacing=0 border=0 >
<script>
thisURL = document.URL;
thisHREF = document.location.href;
thisSLoc = self.location.href;
thisDLoc = document.location;
strwrite = "<tr><td valign=top>thisURL: </td><td>[" + thisURL + "]</td></tr>"
strwrite += "<tr><td valign=top>thisHREF: </td><td>[" + thisHREF + "]</td></tr>"
strwrite += "<tr><td valign=top>thisSLoc: </td><td>[" + thisSLoc + "]</td></tr>"
strwrite += "<tr><td valign=top>thisDLoc: </td><td>[" + thisDLoc + "]</td></tr>"
document.write( strwrite );
</script>
thisDLoc = document.location; <BR>
thisURL = document.URL; <BR>
thisHREF = document.location.href; <BR>
thisSLoc = self.location.href;<BR>
<script>
thisTLoc = top.location.href;
thisPLoc = parent.document.location;
thisTHost = top.location.hostname;
thisHost = location.hostname;
strwrite = "<tr><td valign=top>thisTLoc: </td><td>[" + thisTLoc + "]</td></tr>"
strwrite += "<tr><td valign=top>thisPLoc: </td><td>[" + thisPLoc + "]</td></tr>"
strwrite += "<tr><td valign=top>thisTHost: </td><td>[" + thisTHost + "]</td></tr>"
strwrite += "<tr><td valign=top>thisHost: </td><td>[" + thisHost + "]</td></tr>"
document.write( strwrite );
</script>
thisTLoc = top.location.href; <BR>
thisPLoc = parent.document.location; <BR>
thisTHost = top.location.hostname; <BR>
thisHost = location.hostname;<BR>
<script>
tmpHPage = thisHREF.split( "/" );
thisHPage = tmpHPage[ tmpHPage.length-1 ];
tmpUPage = thisURL.split( "/" );
thisUPage = tmpUPage[ tmpUPage.length-1 ];
strwrite = "<tr><td valign=top>thisHPage: </td><td>[" + thisHPage + "]</td></tr>"
strwrite += "<tr><td valign=top>thisUPage: </td><td>[" + thisUPage + "]</td></tr>"
document.write( strwrite );
</script></table>
 
运行如下: thisDLoc = document.location;
thisURL = document.URL;
thisHREF = document.location.href;
thisSLoc = self.location.href;
thisTLoc = top.location.href;
thisPLoc = parent.document.location;
thisTHost = top.location.hostname;
thisHost = location.hostname;
thisURL:  [http://weibo.com/js/jsweibourl.html]
thisHREF:  [http://weibo.com/js/jsweibourl.html]
thisSLoc:  [http://weibo.com/js/jsweibourl.html]
thisDLoc:  [http://weibo.com/js/jsweibourl.html]
thisTLoc:  [http://weibo.com/js/jsweibourl.html]
thisPLoc:  [http://weibo.com/js/jsweibourl.html]
thisTHost:  [weibo.com]
thisHost:  [weibo.com]
thisHPage:  [jsweibourl.html]
thisUPage:  [jsweibourl.html]

window.location

属性描述
hash 设置或获取 href 属性中在井号“#”后面的分段。
host 设置或获取 location 或 URL 的 hostname 和 port 号码。
hostname 设置或获取 location 或 URL 的主机名称部分。
href 设置或获取整个 URL 为字符串。
pathname 设置或获取对象指定的文件名或路径。
port 设置或获取与 URL 关联的端口号码。
protocol 设置或获取 URL 的协议部分。
search 设置或获取 href 属性中跟在问号后面的部分。

分享到:
评论

相关推荐

    js获取url参数

    ### JavaScript 获取 URL 参数详解 #### 一、引言 在Web开发中,经常需要处理URL中的查询参数。这些参数通常用于传递页面之间的数据或者状态信息。JavaScript作为一种强大的客户端脚本语言,提供了多种方法来实现...

    JqueryUrl参数获取

    总结,jQuery虽然没有内置的URL参数获取方法,但结合JavaScript的原生API,我们可以轻松实现这一功能。在实际开发中,务必考虑浏览器兼容性,特别是在处理老版本的Internet Explorer时。同时,合理利用URL参数,可以...

    基于jquery/cropper插件裁剪头像demo

    Cropper.js是一个轻量级、灵活的JavaScript图像裁剪库,它可以与jQuery或其他JavaScript库无缝集成。它的核心功能包括自由裁剪、旋转、缩放、移动图片,并且支持响应式设计。对于开发者来说,它提供了丰富的API和...

    JS获取ip地址归属地

    JS 获取 IP 地址归属地 在网络开发中,获取用户的 IP 地址归属地是非常有用的功能,例如在电商平台中可以根据用户的 IP 地址归属地进行物流信息的显示和管理。在这篇文章中,我们将使用 JS 调用第三方 API 获取 IP ...

    jQuery.spin.js自定义页面加载Loading动画代码

    jQuery.spin.js就是一个这样的插件,它允许开发者自定义页面加载的Loading动画效果,提供了一种优雅的方式来提升用户体验。 jQuery是一个广泛使用的JavaScript库,它的易用性和丰富的功能使其成为网页开发的首选...

    JQueryMobile js/css/1.2版本/1.4版本

    它包含JavaScript(JS)和 Cascading Style Sheets(CSS)组件,为开发者提供了丰富的交互元素和页面布局选项。 标题中的“JQueryMobile js/css/1.2版本/1.4版本”指的是该压缩包包含了JQuery Mobile框架的两个主要...

    js框架jquery实现幸运大转盘抽奖程序代码,兼容多种浏览器.zip

    &lt;script type="text/javascript" src="jquery.easing.min.js"&gt;&lt;/script&gt; 08 &lt;script type="text/javascript" src="zp.js"&gt;&lt;/script&gt; 09 &lt;style type="text/css"&gt; 10 body { 11 background: url(bg.png) 0 0 repeat;...

    jQuery权威指南-源代码

    1.1.5 jQuery程序的代码风格/5 1.2 jQuery的简单应用/7 1.2.1 jQuery访问DOM对象/7 1.2.2 jQuery控制DOM对象/7 1.2.3 jQuery控制页面CSS /9 1.3 本章小结/11 第2章 jQuery 选择器/12 2.1 jQuery选择器概述/...

    jquery-3.3.1.js/min.js

    《jQuery 3.3.1:JavaScript库的基石》 jQuery,这个小巧而强大的JavaScript库,自2006年发布以来,一直是Web开发领域的核心工具之一。在本篇文章中,我们将深入探讨jQuery 3.3.1版本,了解其在简化DOM操作、事件...

    jquery.js 工具文件

    《jQuery.js:强大的JavaScript库详解》 jQuery.js,简称为jQuery,是JavaScript编程语言中一个极其流行的库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。自2006年发布以来,jQuery以其简洁...

    WinForm关于CefSharp获取后的资源、截取request参数、拦截response数据、注入jquery文件和js代码

    至于注入jQuery文件和JavaScript代码,CefSharp提供了一个方便的方法`Browser.MainFrame.ExecuteScriptAsync`,它可以在当前加载的页面上执行JavaScript代码。你可以直接在WinForm应用中调用此方法,将jQuery库的源...

    jquery实现Ajax定时局部页面刷新

    &lt;script src="/js/jquery-1.3.2.min.js" type="text/javascript"&gt;&lt;/script&gt; ``` 注意这里使用的版本是`1.3.2`,但建议使用最新版本以获得更好的兼容性和性能。 ##### 2. 使用`setInterval`函数 为了实现定时刷新,...

    jquery分页程序,js分页代码

    **jQuery分页程序和JavaScript分页代码详解** 在网页开发中,当数据量过大时,为了提高用户体验,通常会采用分页技术来展示数据。本篇文章将深入探讨JavaScript(JS)和jQuery实现分页的原理与方法。 首先,我们要...

    jquery实现幸运大转盘抽奖程序代码.pdf

    2. 获取当前旋转角度: ```javascript $("触发转动元素").getRotateAngle(); ``` 3. 停止旋转动画: ```javascript $("触发转动元素").stopRotate(); ``` 4. 旋转到特定角度,可设置旋转时间和回调函数: `...

    jquery的js文件

    **jQuery的JS文件详解** jQuery,一个轻量级的JavaScript库,因其简洁的API和强大的功能,成为Web开发中广泛使用的工具。它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互,使开发者能够更高效...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    The jQuery JavaScript Library

    ### jQuery JavaScript 库:Ajax 支持(第一部分) #### 概述 jQuery 是一个流行的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及与服务器交互等任务。通过提供易于使用的 API,jQuery 使得开发人员...

    java程序使用jquery AJAX

    Java程序与jQuery AJAX的结合是Web开发中常见的一种技术组合,用于实现页面的无刷新更新。在本篇文章中,我们将深入探讨如何在Java后端与前端利用jQuery的AJAX功能进行交互,提升用户体验。 首先,jQuery是一个强大...

    ajax+jquery获取数据.doc

    在探讨“ajax+jquery获取数据”的主题时,我们首先需要理解AJAX(Asynchronous JavaScript and XML)和jQuery在Web开发中的角色与应用。AJAX是一种用于创建更快、更响应式的Web应用程序的技术,它允许在不重新加载...

    Java获取此次请求URL以及服务器根路径的方法

    在Java Web开发中,我们经常需要获取到当前请求的URL以及服务器的根路径,以便于构建动态的页面链接或者处理请求。本篇文章将详细介绍如何在Java中实现这一目标。 首先,我们来理解一下请求URL(Request URL)和...

Global site tag (gtag.js) - Google Analytics