js如何获取当前页面所在的路径

JavaScript034

js如何获取当前页面所在的路径,第1张

(1)window.location.href : 整个URl字符串(在浏览器中就是完整的地址栏)返回值: http://www.abc.com/order/index.html?orderid=1&name=java#imhere(2)window.location.protocol :URL 的协议部分返回值:http:(3)window.location.host : URL 的主机部分返回值:www.abc.com(4)window.location.port : URL 的端口部分(如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符)返回值:""(5)window.location.pathname : URL 的路径部分(就是文件地址)返回值:/order/index.html(6)window.location.search : 查询(参数)部分 (除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值)返回值:orderid=1&name=java(7)window.location.hash : 锚点返回值:#imhere(8)document.URL返回值: http://www.abc.com/order/index.html?orderid=1&name=java#imhere//获取Url传过来的值

function Request(name)

{

new RegExp("(^|&)"+name+"=([^&]*)").exec(window.location.search.substr(1))

return RegExp.$2

}

需要准备的材料分别有:电脑、chrome浏览器。

1、首先,chrome浏览器,以zhidao.baidu.com为例,进入网页。

2、键盘按F12,显示出开发者工具面板,点击“Network”的“JS”选项。

3、刷新页面,此时会列出所有调用的js文件。

如果只是写浏览器端js的话,需要一个庞大的js问价的ip数据库

// 数据库

var database = {

'123.123.123.123': {

province: '北京市',

city: '北京市',

operators: '联通',

},

'123.123.123.124': {

province: '北京市',

city: '北京市',

operators: '联通',

}

// ...

}

// 主函数

var inquireIP = function (ip) {

if(database[ip]) {

return database[ip]

}else{

console.log('找不到ip:' + ip)

return null

}

}

// 调用

var ipData = inquireIP('123.123.123.123')

这样子这个js文件会很大,也可以调用API的形式,为方便下面js代码使用了jquery

// 主函数

var inquireIP = function (ip, callback) {

$.ajax({

url: '你的API接口地址',

type: 'GET',

dataType: 'jsonp',

data: {ip: ip}

})

.done(function(data) {

callback(data)

})

}

// 调用

inquireIP('123.123.123.123', function (data) {

console.log(data)

})

这样子就可以在服务端处理,当然提前你得有服务器,并搭建一个查询ip的API接口