導航:首頁 > 文件目錄 > 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文件內容相關的資料
- 文件上的表填不了內容該怎麼辦
- iphone桌面文件夾怎樣合並
- linux如何查看文件系統
- 系統備份文件夾在哪
- 壓縮文件怎麼控制在4m以內
- 為什麼壓縮文件窗口變小
- 如何更改桌面文件圖標
- asp在線文件管理系統
- 電腦文件夾藍色的
- 蘋果的文件管理在那裡
- 改文件屬性軟體
- 電腦qq怎麼傳文件到手機qq
- 電腦文件有個鎖
- 電腦之前刪掉的文件怎麼找
- java獲取jar文件路徑
- 蘋果手錶固件描述文件下載
- android獲取sd卡視頻文件
- 無法找到文件中可刪除的圖片
- 如何在電腦文件上添加圖片
- 可以用微信傳送的文件app
- 蘋果電腦word是只讀文件
- 請上傳文件和視頻英語
- 百度智能雲上傳文件軟體
- 文件的存儲路徑分為
- 電腦顯卡哪個文件
- 為什麼打壓文件用手機打開內容不一樣
- 打開pdf文件的軟體下載
- 將最近文件顯示在桌面
- 在線編輯文件內容怎麼全部顯示
- 拍攝圖片如何整理成壓縮文件
- 刪除電腦c盤垃圾文件
- 蘋果本地文件管理軟體
- 蘋果歌曲文件夾
- 手機wps文件夾加密
- wind7文件保存路徑
- 手機出現內部存儲文件並無內容
- 人保軟體下載文件在哪裡
- 怎樣把桌面上的的文件放到回收站
- 光碟視頻文件重新打包成光碟鏡像
- pdf文件圖片怎麼批量處理
- 蘋果13錄屏文件太大了
- 怎麼把qq文件發給微信好友