导航:首页 > 文件目录 > js获取url文件内容
js获取url文件内容
发布时间：2024-07-03 16:56:46A. js获取当前页面的url网址信息
1、设置或获取整个
URL
为字符串：
window.location.href
2、设置或获取与
URL
关联的端口号码：
window.location.port
3、设置或获取
URL
的协议部分
window.location.protocol
4、设置或获取
href
属性中跟在问号后面的部分
window.location.search
5、获取变量的值(截取等号后面的部分)
复制代码
代码如下:
var
url
=
window.location.search;
//
alert(url.length);
//
alert(url.lastIndexOf('='));
var
loc
=
url.substring(url.lastIndexOf('=')+1,
url.length);
6、设置或获取
URL
的协议部分：
window.location.protocol
7、设置或获取
href
属性中在井号“#”后面的分段：
window.location.hash
8、设置或获取
location
或
URL
的
hostname
和
port
号码：
window.location.host
B. javascript 怎么获取指定url网页中的内容
一、参考代码如下：
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
</head>
<body>
<scriptsrc="jquery-2.1.1.min.js"></script>
<!--记得导jquery-->
<script>
$.ajax({
type:'get',
url:"demo.html",//这里是url
success:function(body,heads,status){
console.log(body);//body就是内容了，也就是url网页中的内容
}
});
</script>
</body>
</html>
重点代码说明：
$.ajax({
type:"POST",//请求方式为post
url:"order.class.php?type=add",//请求的地址
data:dataFormid,//参数
success:function(mag){
//success指的是请求并成功返回信息
//msg是返回的内容
alert(mag);
}
});
举例
//假如后台返回的是一个JSON格式的字符串,如"{code:0,msg:"执行成功!"}"
success:function(data){
varjson=evel("("+data+")");
alter(json.msg);//会弹出执行成功的消息框
}
C. js怎么获取URL中问号后面的数据或其他页面提交来的数据
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
D. js鑾峰彇url鍙傛暟
鍦╦s涓嬭幏鍙杣rl鍙傛暟鐨勫兼槸鎬庢牱鐨勫憿锛熶笅闈㈠氨璁╂垜浠涓璧锋潵浜嗚В涓涓嬪惂锛
涓鑸鏉ヨ达紝浣跨敤js鑾峰彇url涓鐨勬煇涓鍙傛暟鍊硷紝鍙浠ラ氳繃灏唘rl鐨勫弬鏁拌浆鎹㈡垚鏁扮粍褰㈠紡锛岀劧鍚庡啀閫氳繃for寰鐜閫愪釜鏌ユ壘鏁扮粍鍏冪礌锛屽皢鍙傛暟鍊兼壘鍑烘潵锛屼笉杩囬櫎浜嗚繖绉嶆柟娉曚箣澶栬繕鏈夋洿绠鏄撶殑锛屼篃灏辨槸鍙浠ラ噰鐢ㄦｅ垯鍒嗘瀽娉曘
鍙傝冭寖渚嬶細
鏂瑰紡涓锛
杈撳叆鎸囦护锛
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));
鏂瑰紡浜岋細
杈撳叆鎸囦护锛
Script language=javascript
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;
}
/Script
璋冪敤锛
Script language=javascript
var Request = new Object();
Request = GetRequest();
var 鍙傛暟1,鍙傛暟2,鍙傛暟3,鍙傛暟N;
鍙傛暟1 = Request[鍙傛暟1];
鍙傛暟2 = Request[鍙傛暟2];
鍙傛暟3 = Request[鍙傛暟3];
鍙傛暟N = Request[鍙傛暟N];
/Script
E. 前端使用js如何准确获取当前页面url网址信息
在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。
下面我们举例一个URL，然后获得它的各个组成部分：http://i.cnblogs.com/EditPosts.aspx?opt=1
1、window.location.href(设置或获取整个 URL 为字符串)
var test = window.location.href;
alert(test);
返回：http://i.cnblogs.com/EditPosts.aspx?opt=1
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：http://i.cnblogs.com/?j=js,我们想得到参数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：http://i.cnblogs.com/?j=js,我们想得到参数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]); //直接弹出第一个参数 （如果有多个参数 还要进行循环的）
}
}
F. JS如何截取URL路径中的字符！
^varurl="http://v.youku.com/v_show/id_XMjg5OTY1NzMy.html";
varstr=url.split("/").pop().replace(/(^id_)|来(.S+$)/g,"");
//输出自结果为XMjg5OTY1NzMy
console.log(str);
字符串提取代码奉上
G. 如何用JS得到当前页面的URL信息
设置或获取对象指定的文件名或路径。
<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>
H. js获取url 中的值，并跳转相应页面
实现方法：
一：获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案，相当于的request.querystring，PHP的$_GET
1.函数:
<Script language="javascript">
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]]=(strs[i].split("=")[1]);
}
}
return theRequest;
}
</Script>
2.然后通过调用此函数获取对应参数值：
<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request[''参数1''];
参数2 = Request[''参数2''];
参数3 = Request[''参数3''];
参数N = Request[''参数N''];
</Script>
以此获取url串中所带的同名参数
二、正则分析法。
function GetQueryString(name) {
var reg = new
RegExp("(^|&)" + name +
"=([^&]*)(&|$)","i");
var r =
window.location.search.substr(1).match(reg);
if (r!=null) return
(r[2]); return null;
}
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));
其他参数获取介绍：
//设置或获取对象指定的文件名或路径。
alert(window.location.pathname);
//设置或获取整个 URL
为字符串。
alert(window.location.href);
//设置或获取与 URL
关联的端口号码。
alert(window.location.port);
//设置或获取 URL
的协议部分。
alert(window.location.protocol);
//设置或获取 href
属性中在井号“#”后面的分段。
alert(window.location.hash);
//设置或获取 location 或 URL 的
hostname 和 port 号码。
alert(window.location.host);
//设置或获取 href
属性中跟在问号后面的部分。
alert(window.location.search);
I. js获取url地址里的数据
var url = document.location.href;
var urlList = url.split('/');
var a = urlList[urlList.length-1].split('.')[0];
与js获取url文件内容相关的资料
- 苹果手机能分文件夹吗
- fdb文件怎么删除里面内容
- 文件上的表填不了内容该怎么办
- iphone桌面文件夹怎样合并
- linux如何查看文件系统
- 系统备份文件夹在哪
- 压缩文件怎么控制在4m以内
- 为什么压缩文件窗口变小
- 如何更改桌面文件图标
- asp在线文件管理系统
- 电脑文件夹蓝色的
- 苹果的文件管理在那里
- 改文件属性软件
- 电脑qq怎么传文件到手机qq
- 电脑文件有个锁
- 电脑之前删掉的文件怎么找
- java获取jar文件路径
- 苹果手表固件描述文件下载
- android获取sd卡视频文件
- 无法找到文件中可删除的图片
- 如何在电脑文件上添加图片
- 可以用微信传送的文件app
- 苹果电脑word是只读文件
- 请上传文件和视频英语
- 百度智能云上传文件软件
- 文件的存储路径分为
- 电脑显卡哪个文件
- 为什么打压文件用手机打开内容不一样
- 打开pdf文件的软件下载
- 将最近文件显示在桌面
- 在线编辑文件内容怎么全部显示
- 拍摄图片如何整理成压缩文件
- 删除电脑c盘垃圾文件
- 苹果本地文件管理软件
- 苹果歌曲文件夹
- 手机wps文件夹加密
- wind7文件保存路径
- 手机出现内部存储文件并无内容
- 人保软件下载文件在哪里
- 怎样把桌面上的的文件放到回收站
- 光盘视频文件重新打包成光盘镜像
- pdf文件图片怎么批量处理