[HTML]자바스크립트를 이용하여 html 페이지간 변수값 주고받기

1. 변수값을 보내는 html

<script language = "javascript">
    chatChannelId = btn.name;
    chatChannelName = btn.value+"_chatCh";
    videoChatName = btn.value+"_videoCh";
    location.href="변수를 전달받을 html파일 이름.html?" + chatChannelId + "/" + chatChannelName + "/" + videoChatName;
</script>
</body>

변수에 할당된 문자열, 숫자 등 다양한 값을 전달할 수 있다.

2. 변수값을 받는 html

<script language = "javascript">
    temp = location.href.split("?");
    data=temp[1].split("/");
    chatChannelId = data[0];
    chatChannelName = data[1];
    videoChatName = data[2];
    document.writｅ(chatChannelId + " " + chatChannelName + " " + videoChatName);   //페이지에 전달받은 값 띄워서 확인하기 
    console.log("TAGTAG : " + chatChannelId +", " + chatChannelName + ", " + videoChatName);    //콘솔에 전달받은 값 띄워서 확인하기
</script>

받은 변수값은 script 내에서 자유롭게 활용할 수 있다.