导航:首页 > 文件目录 > 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文件内容相关的资料
- 如何在办公软件上直接复制文件
- 手机扫描文件转换成word
- 手机本地视频的文件夹在哪里
- 苹果11无法安装app找不到描述文件
- 苹果电脑怎么用wps生成多个文件夹
- 微信公众号阅读全文怎么跳转文件
- 苹果系统拆分文件小于4g
- 荣耀手机照片视频文件在哪里
- 如何删除手机软件的重复文件
- 电脑粉碎文件和卸载
- 怎么查看共享电脑所有文件
- 苹果自己的文件格式
- 微信接收文件改变储存路径
- 数据库导出文件格式
- 微信恢复接收文件
- 重装系统后显示硬盘文件缺失
- 微信发送的文件都损坏了
- 满足该条件更改文件内容的代码
- 文件格式都有什么
- 文件处理格式
- 微信已被清理的文件
- linux文件系统实验
- 怎么找到图片上的文件
- 从pc上传文件找不到路径
- 电脑文件传微信朋友圈
- 文件里不要的内容怎么删除
- 投标制作软件生成文件失败
- pos文件什么格式
- docker映射路径文件
- 多文件格式支持多级权限管控
- 手机如果传输文件到电脑
- 手机怎么改word文件名字
- 手机如何设置搜索文件内容
- 格式工厂怎么把文件传到微信
- 打开微信无法保存文件
- zip压缩文件打开文件名为乱码
- 文件合同打印格式怎么调
- 咨询投标文件内容包含
- 文件的存放路径怎么改
- 保留文件的原始文字图片
- 什么格式的配置文件比较主流
- 怎样翻译文件内容