locationオブジェクトの属性とメソッド適用(解析URL)

2545 ワード

locationオブジェクトには、URLを解析するための多くのプロパティと方法が用意されています.
 
  

<br/><script type="text/javascript"> <br>var uristr = window.location.search.substr(1); <br>var array = uristr.split('&&'); <br>for (var i = 0; i < array.length; i++) { <br>var array1 = array[i].split('='); <br>alert(array1[0]); <br>} <br>--------------------//hash: # <br>function showhash() { <br>alert(window.location.hash); <br>} <br>--------------------//host: <br>function showhost() { <br>alert(window.location.host); <br>} <br>--------------------//href: URL <br>function showhref() { <br>alert(window.location.href); <br>} <br>--------------------//pathname:url <br>function showpathname() { <br>alert(window.location.pathname); <br>} <br>--------------------//protocal:URL <br>function showprotacal() { <br>alert(window.location.protocal); <br>} <br>--------------------//search: get URL , <br>function showsearch() { <br>alert(window.location.search); <br>} <br></script> <br/> <br/> <br/><input type="button" value="Hash" onclick="showhash();"/> <br/><br/> <br/><input type="button" value="host" onclick="showhost();"/> <br/><br/> <br/><input type="button" value="href" onclick="showhref();"/> <br/><br/> <br/><input type="button" value="pathname" onclick="showpathname();"/> <br/><br/> <br/><input type="button" value="protocal" onclick="showprotacal();"/> <br/><br/> <br/><input type="button" value="search" onclick="showsearch();"/> <br/> <br/> search , , : <br/> <br/><a href="HTMLPage1.htm?name=' '&&age=22">GO</a> <br/> <br/> </code></pre> <div class="clearfix"> <span id="art_bot" class="jbTestPos"/> </div> </div> </div> </div>