js獲取網頁符串（js獲取字元串中數字）

本文目錄一覽：

• 1、javascript如何查找頁面中的字元串？
• 2、前端使用js如何準確獲取當前頁面url網址信息
• 3、js中提取字元串
• 4、怎麼用JS獲取頁面URL中某一段字元的值
• 5、裡面字元串不是固定的，JS代碼截取網頁全部字元串，

javascript如何查找頁面中的字元串？

用 jQuery 很容易實現。

html

head

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″

titleJavaScript 測試/title

script type=”text/javascript” src=””/script

script type=”text/javascript”

$(document).ready(function() {

$(document.body).find(‘a’).each(function(i, obj){

var str = $(obj).html();

if(/^test/.test(str)) {

alert(str);

}

});

});

/script

/head

body

atest123456/a

atest343533/a

/body

/html

不用 jQuery 也不難：

html

head

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″

titleJavaScript 測試/title

script type=”text/javascript”

window.onload = function() {

var atags = document.getElementsByTagName(‘A’);

console.log(atags);

for(var i=0; iatags.length; i++) {

var str = atags[i].innerHTML;

if(/^test/.test(str)) {

alert(str);

}

}

}

/script

/head

body

atest123456/a

atest343533/a

/body

/html

前端使用js如何準確獲取當前頁面url網址信息

在WEB開發中，時常會用到javascript來獲取當前頁面的url網址信息，在這裡是我的一些獲取url信息的小總結。

下面我們舉例一個URL，然後獲得它的各個組成部分：

1、window.location.href(設置或獲取整個 URL 為字元串)

var test = window.location.href;

alert(test);

返回：

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：,我們想得到參數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：,我們想得到參數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中提取字元串

var str = ‘asefed1256avde78 fggfdaa23’.match(/([\w]{3}\d+)/g).join(”);

如果一定要用替換的方法，也可達到目的，關鍵是$1的使用:

$1、$2、…、$99

與 regexp 中的第 1 到第 99 個子表達式相匹配的文本

並且表達式也要稍作修改：

var str =’asefed1256avde78 fggfdaa23′.replace(/[\w\s]*?([\w]{3}\d+)/g, ‘$1’);

詳細可參考：

怎麼用JS獲取頁面URL中某一段字元的值

獲取查詢字元串的上的指定值：

function getParam(key, strURL) {

    strURL = strURL || window.location.search;

    return new RegExp(“(^|\\?|)” + key + “=([^]*)(\\s||$)”, “i”).test(strURL) ?

decodeURIComponent(RegExp.$2.replace(/\+/g, ” “)) : “”;

}

// 調用

getParam(‘key’, ‘鏈接’);

裡面字元串不是固定的，JS代碼截取網頁全部字元串，

你的思路反了，你幹嘛要這樣截取呢。

用sa = str.split(“br”)啊

sa[0]就是IP，

sa[1]就是國家簡稱