js獲取url圖片

⑴ js 調用當前頁面url

嚴謹一點最來好在form提交的時候自再對當前頁地址取值：

$(function(){
varurl="{fy:dir}user/Checklogin.asp?Action=LoginCheck&olrl="+window.location.href;
$("#FormID").attr("action",url);
});

form直接寫在代碼里，不用js輸出吧：

<formaction=""id="FormID"method="post"class="simformulogin">

⑵ js獲取url參數 如何改變當前頁面內某個圖片的地址

1.查詢location.search，獲取問來號後源的字元串；
2.用正則或者其它方式獲取catelogID的值；
3.用id或者tag查詢到對應的img元素；
4.設置img元素的src地址為你構造好的地址；
5.思路就這樣了

⑶ 如何用JS正則表達式截取URL的圖片名稱和後綴

例：/upload/activity/xueba/20161025/091909_ce15d6bf-1089-4002-9ff6-016e13e420e5.gif
1,獲取圖復片名稱
正則表制達式：[^/\]+$
匹配結果：091909_ce15d6bf-1089-4002-9ff6-016e13e420e5.gif
2，獲取後綴
正則表達式：[^.]w*$
匹配結果：gif

⑷ js 獲取並發送url

有個問題
function getURL(s) {
var image = new Image();
image.style.width = 0;
image.style.height = 0;
}
getURL("http://域名/u.php?url="+encodeURIComponent(location.href)+"");

????????????
是以下這樣吧
function getURL(s) {
var image = new Image();
image.style.width = 0;
image.style.height = 0;
image.src=s;
}
==如果你用image其實不提倡的.最好用js方式=但輸出來的內容是JS要不然會出錯==
head=document.getElementsByTagName("head")[0]
io = document.createElement("script");
io.src="XXXXXXXXXXXXXXxxx"
head.appendChild(io);

⑸ 前端使用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]);     //直接彈出第一個參數 （如果有多個參數 還要進行循環的）

  }

}

⑹ 如何通過js獲取網頁中所有圖片並加入點擊事件，實現

在網頁載入完成時，通過js獲取圖片和添加點擊的識別方式

- (void)webViewDidFinishLoad:(UIWebView *)webView {
[IDProgressHUD IDPlaceViewHideDirect:self.view];

//這里是js，主要目的實現對url的獲取
static NSString * const jsGetImages =
@"function getImages(){\
var objs = document.getElementsByTagName(\"img\");\
var imgScr = '';\
for(var i=0;i<objs.length;i++){\
imgScr = imgScr + objs[i].src + '+';\
};\
return imgScr;\
};";

[webView :jsGetImages];//注入js方法
NSString *urlResurlt = [webView :@"getImages()"];
mUrlArray = [NSMutableArray arrayWithArray:[urlResurlt componentsSeparatedByString:@"+"]];
if (mUrlArray.count >= 2) {
[mUrlArray removeLastObject];
}
//urlResurlt 就是獲取到得所有圖片的url的拼接；mUrlArray就是所有Url的數組

//添加圖片可點擊js
[mWebView :@"function registerImageClickAction(){\
var imgs=document.getElementsByTagName('img');\
var length=imgs.length;\
for(var i=0;i<length;i++){\
img=imgs[i];\
img.onclick=function(){\
window.location.href='image-preview:'+this.src}\
}\
}"];
[mWebView :@"registerImageClickAction();"];
}
//在這個方法中捕獲到圖片的點擊事件和被點擊圖片的url

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {

//預覽圖片
if ([request.URL.scheme isEqualToString:@"image-preview"]) {
NSString* path = [request.URL.absoluteString substringFromIndex:[@"image-preview:" length]];
path = [path :NSUTF8StringEncoding];
//path 就是被點擊圖片的url
return NO;
}
return YES;
}