導航:首頁 > 文件目錄 > 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文件內容相關的資料

熱點內容
javaword轉swf 瀏覽：174
cms數據更新是什麼 瀏覽：39
電腦保密櫃在文件里怎麼找不到了 瀏覽：225
nodejs前端後端 瀏覽：129
程序俠後台多少 瀏覽：32
mysqle執行sql文件在哪裡 瀏覽：466
資料庫iostat1 瀏覽：986
java圖片工具包 瀏覽：159
ps文件損壞出現不兼容情況 瀏覽：942
為什麼iphone耗wifi 瀏覽：495
網頁寬度代碼 瀏覽：144
編程踩坑路01怎麼免費用 瀏覽：612
wps作圖教程 瀏覽：610
華為一汽奧迪app怎麼放在桌面 瀏覽：936
博途編程語言怎麼轉換 瀏覽：604
wt是什麼文件 瀏覽：75
孩子出生證能在什麼網站找到嗎 瀏覽：465
java日期compare 瀏覽：120
深州有哪個編程學校好 瀏覽：826
抖音數據中心怎麼才算合格 瀏覽：540

友情鏈接