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>