导航:首页 > 文件目录 > js获取url文件内容

js获取url文件内容

发布时间：2024-07-03 16:56:46

A. 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文件内容相关的资料

热点内容

想卸载应用和应用数据从哪里找发布：2024-07-06 02:01:29 浏览：537

springnet配置文件发布：2024-07-06 01:33:39 浏览：418

苹果7p怎样删除下载文件发布：2024-07-06 00:46:51 浏览：794

乐创少儿编程怎么样发布：2024-07-06 00:09:59 浏览：43

d3dx926win10 发布：2024-07-06 00:05:05 浏览：532

双字节数据类型有哪些发布：2024-07-06 00:00:05 浏览：311

云数据库和自建数据库有什么区别发布：2024-07-05 23:42:01 浏览：973

火炬之光控制台代码大全发布：2024-07-05 23:39:52 浏览：574

捷迅扫描文件转换不了word 发布：2024-07-05 23:39:41 浏览：980

学电脑入门视频教程发布：2024-07-05 23:16:58 浏览：726

文件名改为音标怎么不可以发布：2024-07-05 23:01:30 浏览：571

安卓高德车机配置文件发布：2024-07-05 22:56:23 浏览：936

苹果手机调整时间微信发布：2024-07-05 22:52:39 浏览：974

叶县大数据发布：2024-07-05 22:41:46 浏览：793

宏编程怎么回事发布：2024-07-05 22:36:05 浏览：337

文件如何装订成册发布：2024-07-05 22:28:53 浏览：401

苹果商城app为什么进不去了发布：2024-07-05 22:24:16 浏览：696

电脑怎么剪切文件发布：2024-07-05 22:09:26 浏览：71

kc2009网络电话发布：2024-07-05 22:09:26 浏览：557

家具设计pdf文件发布：2024-07-05 22:09:15 浏览：506

导航:首页 > 文件目录 > js获取url文件内容

js获取url文件内容

与js获取url文件内容相关的资料

友情链接