Sammlung verwandter Inhalte zu JavaScript-Operationen URL_Javascript-Kenntnisse

---Inhalt wiederherstellen beginnt---

1.location.href.......

(1) self.location.href="http://www.cnblogs.com/url"
        window.location.href="http://www.cnblogs.com/url" Die beiden oben genannten Verwendungen sind gleich, beide öffnen die URL-Seite auf der aktuellen Seite
(2) this.location.href="http://www.cnblogs.com/url" Aktuelle Seite öffnet URL
(3) parent.location.href="http://www.cnblogs.com/url" Öffnen Sie eine neue Seite auf der übergeordneten Seite. Wenn der Frame auf der Seite angepasst ist, können Sie die übergeordnete Seite ändern self top Um den Namen des Frames anzupassen, wird die URL-Adresse im Frame-Fenster geöffnet
(4) top.location.href="http://www.cnblogs.com/url" Öffnen Sie eine neue Seite auf der Startseite

2. Informationen zum Aktualisieren der Seite

(1) window.location.href=http://www.cnblogs.com/nana-share/p/window.location.href
(2) window.location.Reload()
Sie alle aktualisieren die aktuelle Seite. Der Unterschied besteht darin, ob Daten übermittelt werden. Wenn Daten übermittelt werden, fragt window.location.Reload() nach, ob sie übermittelt werden sollen. window.location.href=http://www.cnblogs.com/nana-share/p/window.location.href; Die URL übermittelt die Daten

3.

(1) Der erste Absatz wird tatsächlich verwendet

function getURLParameter(name)
 {2 3 　　 　　
 return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [, ""])[1].replace(/\+/g, '%20')) || null; //构造一个含有目标参数的正则表达式对象4 5 　　}

//获取url中的参数2     
function getUrlParam(name)
{3      
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象4      
var r = window.location.search.substr(1).match(reg); //匹配目标参数5      
if (r != null) return unescape(r[2]); return null; //返回参数值6    
}

Rufen Sie beispielsweise die E-Mail-Adresse des untenstehenden Links ab

　http://agent/index.php/Home/Login/getpwd_check_email?code=824790&to=1321136493@qq.com

var mail = getURLParameter('to');

---Ende des Wiederherstellungsinhalts---

Werfen wir einen Blick auf den Code für die js-Operations-URL

Der Code ist sehr einfach. Die Hauptidee besteht darin, die URL-Parameter in JS-Objekte zu analysieren und sie dann sehr bequem hinzuzufügen, zu löschen, zu ändern und zu überprüfen. Machen Sie sich hier Notizen.

var LG=(function(lg){
  var objURL=function(url){
    this.ourl=url||window.location.href;
    this.href="";//?前面部分
    this.params={};//url参数对象
    this.jing="";//#及后面部分
    this.init();
  }
  //分析url,得到?前面存入this.href,参数解析为this.params对象，#号及后面存入this.jing
  objURL.prototype.init=function(){
    var str=this.ourl;
    var index=str.indexOf("#");
    if(index>0){
      this.jing=str.substr(index);
      str=str.substring(0,index);
    }
    index=str.indexOf("?");
    if(index>0){
      this.href=str.substring(0,index);
      str=str.substr(index+1);
      var parts=str.split("&");
      for(var i=0;i<parts.length;i++){
        var kv=parts[i].split("=");
        this.params[kv[0]]=kv[1];
      }
    }
    else{
      this.href=this.ourl;
      this.params={};
    }
  }
  //只是修改this.params
  objURL.prototype.set=function(key,val){
    this.params[key]=val;
  }
  //只是设置this.params
  objURL.prototype.remove=function(key){
    this.params[key]=undefined;
  }
  //根据三部分组成操作后的url
  objURL.prototype.url=function(){
    var strurl=this.href;
    var objps=[];//这里用数组组织,再做join操作
    for(var k in this.params){
      if(this.params[k]){
        objps.push(k+"="+this.params[k]);
      }
    }
    if(objps.length>0){
      strurl+="&#63;"+objps.join("&");
    }
    if(this.jing.length>0){
      strurl+=this.jing;
    }
    return strurl;
  }
  //得到参数值
  objURL.prototype.get=function(key){
    return this.params[key];
  }  
  lg.URL=objURL;
  return lg;
}(LG||{}));

LG ist nur mein persönlicher gemeinsamer JS-Namespace, sonst nichts. Rufen Sie an:

var myurl=new LG.URL("http://www.baidu.com?a=1");
  myurl.set("b","hello"); //添加了b=hello
  alert (myurl.url());
  myurl.remove("b"); //删除了b
  alert(myurl.get ("a"));//取参数a的值，这里得到1
  myurl.set("a",23); //修改a的值为23
  alert (myurl.url());