네이버나 다음같은 사이트를 돌아다니다 보면, 해당 홈페이지를 시작 페이지로 고정시키는 메뉴를 본적이 있을 것입니다. 자바스크립트를 이용하여 홈페이지를 시작페이지로 지정 하는 기능을 구현 할 수 있습니다.

네이버 시작페이지로


홈페이지를 만들다보면, 좌측 상단이나 한 구석을 이런 기능으로 장식하고 싶을 때가 많이 있습니다. 이럴때, 간단히 시작 페이지로 만드는 기능을 추가할 수 있습니다.

일단 소스를 보면,

function set_start() 
{
   document.body.style.behavior='url(#default#homepage)';
   document.body.setHomePage('http://plusblog.tistory.com');
}

위 스크립트를 <script></script> 사이에 넣어서 정의를 한뒤, 태그의 onclick 이벤트에 지정해주면, 해당 엘리먼트를 클릭하면 시작페이지로 고정되는 것을 볼수 있습니다.

 다음으로 즐겨찾기로 추가하는 기능을 구현해 보도록하겠습니다. 즐겨찾기는 인터넷 익스플로러에 추가 버튼으로 구현이 되어 있긴하지만, javascript로도 구현이 가능합니다.

function addFavorite()
{
   window.external.AddFavorite('http://plusblog.tistory.com', 'plusblog');
}

 이 함수도 이벤트를 통해서 연결하여 실행시킬수 있습니다.


예제입니다.

<html>
<head>
 <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ks_c_5601-1987">
 <title>:: 예제입니다 ::</title>
 <!-- 자바 스크립트를 시작 -->
 <script language="javascript" type="text/javascript">
  //즐겨 찾기 추가
  function addFavorite()
  {
   window.external.AddFavorite('http://220.149.232.60', 'RedBeanZ 홈페이지');
  }
  
  //시작 페이지로 설정
  function set_start()
  {
   document.body.style.behavior='url(#default#homepage)';
   document.body.setHomePage('http://220.149.232.60/Renewal/index.php');
  }</script>
</head>
 
<body>
<span onclick="set_start();" style="cursor:hand">시작페이지 추가</span> | <span onclick="addFavorite();" style="cursor:hand">즐겨찾기 추가</span>
</body>
</html>

exam.html

저작자표시 비영리 변경금지

+ Recent posts

티스토리툴바