location.host的值,window location host
window.location.host 后台怎么写
整个URl字符串(在浏览器中就是完整的地址栏)
返回值:
代码如下 复制代码
;id=timlq#love
2,window.location.protocol
URL 的协议部分
返回值:http:
3,window.location.host
URL 的主机部分,
返回值:
4,window.location.port
URL 的端口部分。如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符。
本例返回值:8080
5,window.location.pathname
URL 的路径部分(就是文件地址)
返回值:/windows/location/page.html
6,window.location.search
查询(参数)部分。除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值
返回值:?ver=1.0id=timlq
7,window.location.hash
锚点
返回值:#love
在js中还在类是的方法document.location、document.URL window.location.href 当前页面完整 URL。
对当前网页进行跳转
如何用js获取当前打开的页面的路径
lz
(1)window.location.href : 整个URl字符串(在浏览器中就是完整的地址栏)返回值: ;name=java#imhere(2)window.location.protocol :URL 的协议部分返回值:http:(3)window.location.host : URL 的主机部分返回值: : URL 的端口部分(如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符)返回值:""(5)window.location.pathname : URL 的路径部分(就是文件地址)返回值:/order/index.html(6)window.location.search : 查询(参数)部分 (除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值)返回值:orderid=1name=java(7)window.location.hash : 锚点返回值:#imhere(8)document.URL返回值: ;name=java#imhere//获取Url传过来的值
function Request(name)
{
new RegExp("(^|)"+name+"=([^]*)").exec(window.location.search.substr(1));
return RegExp.$2
}
document.location和window.location有什么区别
document.location这个对象包含了当前URL的信息location.host获取port号location.hostname设置或获取主机名称location.href设置或获取整个URLlocation.port设置或获取URL的端口号location.search设置或获取href属性中跟在问号后面的部分-------------------------------------------------------------------------------js中window.location的应用URL即:统一资源定位符(UniformResourceLocator,URL)完整的URL由这几个部分构成:scheme://host:port/path?query#fragmentscheme:通信协议常用的http,ftp,maito等host:主机服务器(计算机)域名系统(DNS)主机名或IP地址。port:端口号整数,可选,省略时使用方案的默认端口,如http的默认端口为80。path:路径由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。query:查询可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页)传递参数,可有多个参数,用""符号隔开,每个参数的名和值用"="符号隔开。fragment:信息片断字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。(也称为锚点.)对于这样一个URL?ver=1.0id=6#imhere2,window.location.protocolURL的协议部分本例返回值:http:3,window.location.hostURL的主机部分本例返回值:4,window.location.portURL的端口部分如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符本例返回值:""5,window.location.pathnameURL的路径部分(就是文件地址)本例返回值:/fisker/post/0703/window.location.html6,window.location.search查询(参数)部分除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值本例返回值:?ver=1.0id=67,window.location.hash锚点==========================================document.href=""target="_blank"munity.csdn.netlocation.hash=location.port=location.pathname=/Expert/topic/4033/4033372.xmllocation.search=?temp=2.695864E-02location.protocol=http:可见href是location的属性类别是string。[document对象]该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。属性alinkColor活动链接的颜色(ALINK)anchor一个HTMI锚点,使用标记创建(该属性本身也是一个对象)anchorsarray列出文档锚点对象的数组()(该属性本身也是一个对象)bgColor文档的背景颜色(BGCOLOR)cookie存储于cookie.txt文件内的一段信息,它是该文档对象的一个属性fgColor文档的文本颜色(标记里的TEXT特性)form文档中的一个窗体()(该属性本身也是一个对象)formsanay按照其出现在文档中的顺序列出窗体对象的一个数组(该属性本身也是一个对象)lastModified文档最后的修改日期linkColor文档的链接的颜色,即标记中的LINK特性(链接到用户没有观察到的文档)link文档中的一个标记(该属性本身也是一个对象)linksarray文档中link对象的一个数组,按照它们出现在文档中的顺序排列(该属性本身也是一个对象)location当前显示文档的URL。用户不能改变document.location(因为这是当前显示文档的位置)。但是,可以改变window.location(用其它文档取代当前文档)window.location本身也是一个对象,而document.location不是对象referrer包含链接的文档的URL,用户单击该链接可到达当前文档title文档的标题((TITLE)vlinkColor指向用户已观察过的文档的链接文本颜色,即标记的VLINK特性方法clear清除指定文档的内容close关闭文档流open打开文档流write把文本写入文档writeln把文本写入文档,并以换行符结尾[window对象]它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口。属性defaultStatus缺省的状态条消息document当前显示的文档(该属性本身也是一个对象)frame窗口里的一个框架((FRAME)(该属性本身也是一个对象)framesarray列举窗口的框架对象的数组,按照这些对象在文档中出现的顺序列出(该属性本身也是一个对象)history窗口的历史列表(该属性本身也是一个对象)length窗口内的框架数location窗口所显示文档的完整(绝对)URL(该属性本身也是一个对象)不要把它与如document.location混淆,后者是当前显示文档的URL。用户可以改变window.location(用另一个文档取代当前文档),但却不能改变document.location(因为这是当前显示文档的位置)name窗口打开时,赋予该窗口的名字opener代表使用window.open打开当前窗口的脚本所在的窗口(这是NetscapeNavigator3.0beta3所引入的一个新属性)parent包含当前框架的窗口的同义词。frame和window对象的一个属性self当前窗口或框架的同义词status状态条中的消息top包含当前框架的最顶层浏览器窗口的同义词window当前窗口或框架的同义词,与self相同方法alert()打开一个Alert消息框clearTimeout()用来终止setTimeout方法的工作close()关闭窗口confirm()打开一个Confirm消息框,用户可以选择OK或Cancel,如果用户单击OK,该方法返回true,单击Cancel返回falseblur()把焦点从指定窗口移开(这是NetscapeNavigator3.0beta3引入的新方法)focus()把指定的窗口带到前台(另一个新方法)open()打开一个新窗口prompt()打开一个Prompt对话框,用户可向该框键入文本,并把键入的文本返回到脚本setTimeout()等待一段指定的毫秒数时间,然后运行指令事件处理程序事件处理程序Onload()页面载入时触发Onunload()页面关闭时触发区别:用户不能改变document.location(因为这是当前显示文档的位置)。但是,可以改变window.location(用其它文档取代当前文档)window.location本身也是一个对象,而document.location不是对象
js如何解析url
你要解析出什么东西?
反正所有的东西都在window.location?对象里面:
location.host 返回主机和端口号
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 (80 或 443)
location.protocol 返回所使用的 web 协议(http:// 或 https://)
location.hash ?返回锚(#后面)
location.href 返回完整的url
location.search 返回参数部分(?后面)
其他的东西比如获取参数值什么的用正则就行了,一个方法搞定:
window.getParam?=?function?(name)?{
????var?reg?=?new?RegExp("(^|)"?+?name?+?"=([^]*)(|$)");
????var?r?=?window.location.search.substring(1).match(reg);
????return?r???decodeURI(r[2])?:?null;
};
js中的location各种属性
URL 是:
location.hash-------------#part2
URL 是:?
location.host------------example.com:1234
URL 是:?:
location.hostname------------example.com
URL 是:?:
location.href-------------
URL 是:?:
location.pathname-------------/test/test.htm
URL 是:?:
location.port-------------1234
URL 是:?:
location.protocol-------------http:
URL 是:?
location.search-------------?f=hdom_loc_search
前端使用js如何准确获取当前页面url网址信息
在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。
下面我们举例一个URL,然后获得它的各个组成部分:
1、window.location.href(设置或获取整个 URL 为字符串)
var test = window.location.href;
alert(test);
返回:
2、window.location.protocol(设置或获取 URL 的协议部分)
var test = window.location.protocol;
alert(test);
返回:http:
3、window.location.host(设置或获取 URL 的主机部分)
var test = window.location.host;
alert(test);
返回:i.cnblogs.com
4、window.location.port(设置或获取与 URL 关联的端口号码)
var test = window.location.port;
alert(test);
返回:空字符(如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符)
5、window.location.pathname(设置或获取与 URL 的路径部分(就是文件地址))
var test = window.location.pathname;
alert(test);
返回:/EditPosts.aspx
6、window.location.search(设置或获取 href 属性中跟在问号后面的部分)
var test = window.location.search;
alert(test);
返回:?opt=1
PS:获得查询(参数)部分,除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值。
7、window.location.hash(设置或获取 href 属性中在井号“#”后面的分段)
var test = window.location.hash;
alert(test);
返回:空字符(因为url中没有)
8、js获取url中的参数值
一、正则法
function getQueryString(name) {? var reg = new RegExp('(^|)' + name + '=([^]*)(|$)', 'i');? var r = window.location.search.substr(1).match(reg);? if (r != null) {? ? return unescape(r[2]);? }? return null;}// 这样调用:alert(GetQueryString("参数名1"));? alert(GetQueryString("参数名2"));? alert(GetQueryString("参数名3"));
二、split拆分法
function GetRequest() {
? var url = location.search; //获取url中"?"符后的字串
? var theRequest = new Object();
? if (url.indexOf("?") != -1) {
? ? var str = url.substr(1);
? ? strs = str.split("");
? ? for(var i = 0; i strs.length; i ++) {
? ? ? theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
? ? }
? }
? return theRequest;
}
var Request = new Object();
Request = GetRequest();br// var id=Request["id"];
// var 参数1,参数2,参数3,参数N;
// 参数1 = Request['参数1'];
// 参数2 = Request['参数2'];
// 参数3 = Request['参数3'];
// 参数N = Request['参数N'];
三、指定取
比如说一个url:,我们想得到参数j的值,可以通过以下函数调用。
function GetQueryString(name) {
? var reg = new RegExp("(^|)" + name + "=([^]*)(|$)", "i");
? var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
? var context = "";
? if (r != null)
? ? context = r[2];
? reg = null;
? r = null;
? return context == null || context == "" || context == "undefined" ? "" : context;
}
alert(GetQueryString("j"));
四、单个参数的获取方法
function GetRequest() {
? var url = location.search; //获取url中"?"符后的字串
? if (url.indexOf("?") != -1) {? //判断是否有参数
? var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串
? strs = str.split("=");? //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用号分隔 再用等号进行分隔)
? alert(strs[1]);? ? //直接弹出第一个参数 (如果有多个参数 还要进行循环的)
? }
}
一、正则法
functiongetQueryString(name) {
??varreg = newRegExp('(^|)'+ name + '=([^]*)(|$)', 'i');
??varr = window.location.search.substr(1).match(reg);
??if(r != null) {
????returnunescape(r[2]);
??}
??returnnull;
}
// 这样调用:
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));
二、split拆分法
functionGetRequest() {
??varurl = location.search; //获取url中"?"符后的字串
??vartheRequest = newObject();
??if(url.indexOf("?") != -1) {
????varstr = url.substr(1);
????strs = str.split("");
????for(vari = 0; i strs.length; i ++) {
??????theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
????}
??}
??returntheRequest;
}
varRequest = newObject();
Request = GetRequest();br// var id=Request["id"];
// var 参数1,参数2,参数3,参数N;
// 参数1 = Request['参数1'];
// 参数2 = Request['参数2'];
// 参数3 = Request['参数3'];
// 参数N = Request['参数N'];
三、指定取
比如说一个url:,我们想得到参数j的值,可以通过以下函数调用。
functionGetQueryString(name) {
??varreg = newRegExp("(^|)"+ name + "=([^]*)(|$)", "i");
??varr = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
??varcontext = "";
??if(r != null)
?????context = r[2];
??reg = null;
??r = null;
??returncontext == null|| context == ""|| context == "undefined"? "": context;
}
alert(GetQueryString("j"));
四、单个参数的获取方法
functionGetRequest() {
??varurl = location.search; //获取url中"?"符后的字串
??if(url.indexOf("?") != -1) {? //判断是否有参数
???varstr = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串
???strs = str.split("=");? //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用号分隔 再用等号进行分隔)
???alert(strs[1]);???? //直接弹出第一个参数 (如果有多个参数 还要进行循环的)
??}
}