> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 동작 URL_javascript 기술 관련 내용 모음

JavaScript 동작 URL_javascript 기술 관련 내용 모음

WBOY
풀어 주다: 2016-05-16 15:34:35
원래의
2006명이 탐색했습니다.

---콘텐츠 복원 시작---

1.location.href.....

(1) self.location.href="http://www.cnblogs.com/url"
        window.location.href="http://www.cnblogs.com/url" 위의 두 사용법은 동일하며 둘 다 현재 페이지에서 URL 페이지를 엽니다.
(2) this.location.href="http://www.cnblogs.com/url" 현재 페이지의 URL이 열립니다
(3) parent.location.href="http://www.cnblogs.com/url" 상위 페이지에서 새 페이지를 엽니다. 페이지에서 프레임을 사용자 정의한 경우 상위를 변경할 수 있습니다. self top 프레임 이름을 사용자 정의하려면 프레임 창에서 URL 주소를 여는 효과가 있습니다
(4) top.location.href="http://www.cnblogs.com/url" 톱 페이지에서 새 페이지 열기

2. 페이지 새로고침에 대하여

(1) window.location.href=http://www.cnblogs.com/nana-share/p/window.location.href
(2) window.location.Reload()
그들은 모두 현재 페이지를 새로 고칩니다. 차이점은 데이터 제출 여부에 있습니다. 데이터가 제출되면 window.location.Reload()는 이를 제출할지 여부를 묻는 메시지를 표시합니다. URL이 데이터를 제출합니다

3.

(1) 첫 번째 문단이 실제로 사용되었습니다

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    
}
로그인 후 복사

예를 들어 아래 링크의 이메일 주소를 가져옵니다

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

var mail = getURLParameter('to');

---복구 콘텐츠 종료---

js 작업 URL 코드를 살펴보겠습니다

코드는 매우 간단합니다. URL 매개변수를 js 객체로 구문 분석한 다음 추가, 삭제, 수정 및 확인하는 것이 매우 편리합니다~여기에 메모해 두세요.

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는 단지 저의 개인 공통 JS 네임스페이스일 뿐 다른 것은 아닙니다. 전화:

var myurl=new LG.URL("http://www.baidu.com&#63;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());
로그인 후 복사
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿