728x90
location
브라우저 주소 값을 컨트롤
|
 |
<body>
사이트 <input id="id_site" type="text" value=""><br>
<input id="id_btn" type="button" value="사이트로 이동">
<script>
var v_btn = document.getElementById("id_btn");
var v_site = document.getElementById("id_site");
v_btn.onclick = function () {
location.href = v_site.value;
}
</script>
</body>더보기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
사이트 <input id="id_site" type="text" value=""><br>
<input id="id_btn" type="button" value="사이트로 이동">
<script>
var v_btn = document.getElementById("id_btn");
var v_site = document.getElementById("id_site");//문자열! .value쓰면 값의 복사
v_btn.onclick = function () {
// 주소표시줄을 컨트롤하는 객체 location(window.location)
// 중요속성 href, 중요메소드 replace, reload는 권장하지 않음
location.href = v_site.value;
}
</script>
</body>
</html>
test.php로 가게하기
내 서버 안에 있어(같은 디렉터리) 그냥 이름만 써도된다.
location.href = "test2.php";더보기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
사이트 <input id="id_site" type="text" value=""><br>
<input id="id_btn" type="button" value="사이트로 이동">
<script>
var v_btn = document.getElementById("id_btn");
var v_site = document.getElementById("id_site");//문자열! .value쓰면 값의 복사
v_btn.onclick = function () {
// 주소표시줄을 컨트롤하는 객체 location(window.location)
// 중요속성 href, 중요메소드 replace, reload는 권장하지 않음
location.href = "test2.php";
}
</script>
</body>
</html>
test2.php
get방식으로 변경
<?php
//php는 변수 선언 때 $를 사용, 문자열 더하기는 .(점)을 사용
$aidi = $_GET["nm_aidi"];
// $aidi = $_POST["nm_aidi"];
echo "<h1>".$aidi."님 안녕하세요</h1>";
?>
location.html
사이트 옆 텍스트박스에 내용이 있던 말던 무조건 아래와같이 출력
물음표 붙여 get방식으로 넘길 수 있음
location.href = "test2.php?nm_aidi=superman";더보기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
사이트 <input id="id_site" type="text" value=""><br>
<input id="id_btn" type="button" value="사이트로 이동">
<script>
var v_btn = document.getElementById("id_btn");
var v_site = document.getElementById("id_site");//문자열! .value쓰면 값의 복사
v_btn.onclick = function () {
// 주소표시줄을 컨트롤하는 객체 location(window.location)
// 중요속성 href, 중요메소드 replace, reload는 권장하지 않음
location.href = "test2.php?nm_aidi=superman";
}
</script>
</body>
</html>
replace
href와 같은 기능으로 보이나, replace는 cache를 사용하지 않는다.
location.replace(v_site.value);get방식으로 넘기는 것도 가능~
location.replace("test2.php?nm_aidi=psyyy");더보기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
사이트 <input id="id_site" type="text" value=""><br>
<input id="id_btn" type="button" value="사이트로 이동">
<script>
var v_btn = document.getElementById("id_btn");
var v_site = document.getElementById("id_site");//문자열! .value쓰면 값의 복사
v_btn.onclick = function () {
// 주소표시줄을 컨트롤하는 객체 location(window.location)
// 중요속성 href, 중요메소드 replace, reload는 권장하지 않음
// get방식을 url에 직접 ?를 붙여서 만들어줘도 됨
// location.href = "test2.php?nm_aidi=superman";
// location.replace(v_site.value);
location.replace("test2.php?nm_aidi=psyyy");
//밖으로 같은 기능으로 보이나, replace는 cache를 쓰지 않음
}
</script>
</body>
</html>
더보기
 |
 |
location.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
사이트 <input id="id_site" type="text" value=""><br>
<input id="id_btn" type="button" value="사이트로 이동">
<script>
var v_btn = document.getElementById("id_btn");
var v_site = document.getElementById("id_site");//문자열! .value쓰면 값의 복사
v_btn.onclick = function () {
// 주소표시줄을 컨트롤하는 객체 location(window.location)
// 중요속성 href, 중요메소드 replace, reload는 권장하지 않음
// get방식을 url에 직접 ?를 붙여서 만들어줘도 됨
// location.href = "test2.php?nm_aidi=superman";
// location.replace(v_site.value);
location.replace("test2.php?nm_aidi=첫번&nm_kkk=두번&nm_qqq=세번");
//밖으로 같은 기능으로 보이나, replace는 cache를 쓰지 않음
}
</script>
</body>
</html>
test2.php
<?php
//php는 변수 선언 때 $를 사용, 문자열 더하기는 .(점)을 사용
$aidi = $_GET["nm_aidi"];
$aidi2 = $_GET["nm_kkk"];
$aidi3 = $_GET["nm_qqq"];
// $aidi = $_POST["nm_aidi"];
echo "<h1>".$aidi.", ".$aidi2.", ".$aidi3."님 안녕하세요</h1>";
?>reload
새로고침과 비슷한 기능!
되도록 사용하지 말아야함
'화면구현 > HTML' 카테고리의 다른 글
| 자바스크립트가나온이유 (0) | 2020.07.09 |
|---|---|
| 공튀기기 (0) | 2020.07.08 |
| [php] action과 get, post (0) | 2020.07.08 |
| WAS와 Web Server차이 (0) | 2020.07.08 |
| [리눅스, 윈도우] PHP설치 (0) | 2020.07.08 |