<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>제이쿼리 모바일 연습</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(document).on("mobileinit", function(){
$(document).on("pagebeforecreate", "#main", function(event){
var url = "http://username:pw@mysite.com:8080/mail/inbound.jsp?aaa=kim#main";
var parseObj = $.mobile.path.parseUrl(url);
printout("hash", parseObj.hash);
printout("host", parseObj.host);
printout("hostname", parseObj.hostname);
printout("href", parseObj.href);
printout("pathname", parseObj.pathname);
printout("port", parseObj.port);
printout("protocol", parseObj.protocol);
printout("search", parseObj.search);
printout("authority", parseObj.authority);
printout("directory", parseObj.directory);
printout("domain", parseObj.domain);
printout("filename", parseObj.filename);
printout("hrefNoHash", parseObj.hrefNoHash);
printout("hrefNoSearch", parseObj.hrefNoSearch);
printout("password", parseObj.password);
printout("username", parseObj.username);
});
});
function printout(title, str){
var headBar = $("<div>");
headBar.addClass("ui-bar ui-bar-b");
headBar.html(title);
var body = $("<div>");
body.addClass("ui-body ui-body-a");
body.css({
"margin-bottom": "10px",
"word-break": "break-all"
});
body.html(str);
$("#main div[role='main']").append(headBar).append(body);
}
</script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<!-- jQuery Mobile API
parseUrl() : mobile의 하위객체인 path의 하위메소드이다.
전달받은 url파라미터를 파싱하여 파싱한 객체를 리턴해준다.
var parseObj = $.mobile.path.parseUrl("url");
parseObj : url을 파싱한 객체이며, 이객체는 여러 프로퍼티를 사용하여
파싱할 수 있다.
hash - 페이지내의 특정 영역을 표시하기 위하여 사용한 #이 붙은 값을 리턴한다.
host - 도메인과 포트번호를 포함한 값을 리턴한다.
hostname - 도메인을 리턴한다.
href - url 전체 주소를 리턴한다.
pathname - 디렉토리와 파일명을 담은 경로를 리턴한다.
port - 포트번호를 리턴한다.
protocal - 프로토콜을 리턴한다.
search - ?를 포함한 GET파라미터 부분을 리턴한다.
authority - 사용자 아이디와 비밀번호 및 도메인과 포트번호를 포함한 정보를 리턴한다.
directory - 디렉토리 경로를 리턴한다.
domain - http:// 부터 포트번호까지를 포함한 도메인정보를 리턴한다.
filename - 파일명을 리턴한다.
hrefNoHash -#이 포함된 값을 제외한 나머지 URL을 리턴한다.
hrefNoSearch - GET파라미터와 Hash정보를 제외한 나머지 URL을 리턴한다.
password - 비밀번호 정보를 리턴한다.
username - 사용자 계정 이름을 리턴한다.
-->
</head>
<body>
<div data-role="page" id="main">
<div data-role="header" data-position="fixed" id="header">
<h3>parseUrl</h3>
</div><!-- header -->
<div role="main" class="ui-content">
</div><!-- main -->
<div data-role="footer" data-position="fixed">
<h3>footer</h3>
</div><!-- footer -->
</div><!-- page1 -->
</body>
</html>
'기존카테고리 > 하이브리드앱' 카테고리의 다른 글
| 알림 (0) | 2017.11.06 |
|---|---|
| 디바이스 정보 얻기 (0) | 2017.11.06 |
| mobile API - changePage (0) | 2017.11.05 |
| 디바이스 방향계 (0) | 2017.11.04 |
| applicaton cache (0) | 2017.11.04 |