html의 이전/다음 버튼?

Question

내 웹 사이트에서 뉴스 섹션의 탐색을 만들고 싶습니다. 버튼을 클릭하면 사용자가 다음 또는 이전 html로 이동합니다.

처음 HTML을 news.html하고 다음 버튼을 클릭하면 그것이 내가이 될 수 있다고 생각 등

을 news1.html로 이동해야하므로 추가하거나 HTML 이름의 끝에 숫자를 제거해야합니다 버튼 자바 스크립트로 달성, 어떻게 시작합니까?

Answer 1

window.location을 사용하면 현재 페이지를 가져와 끝에있는 숫자를 얻고 (정규식이있는 경우) 정규식과 일치시킨 다음 다음 페이지를 가져오고 이전 페이지에서 감소시킬 수 있습니다. 물론 첫 번째 페이지와 마지막 페이지를 다루는 방법을 찾아야합니다. (news.html에 대한)

이

var regex = /news(\d*)\.html/; 
var index = +regex.exec(window.location.pathname)[1]; 

이제 인덱스가 하나 비어 있습니다 또는 숫자 :

예를 들어, 다음과 같이 작동 할 수 있습니다. 그런 다음 해당 번호를 사용하여 다음 및 이전 버튼에 필요한 URL을 구성 할 수 있습니다.

var nextUrl = "news" + (index+1) + ".html"; 
var prevUrl = "news" + (index-1) + ".html"; 

편집 :이 할 수있는 가장 좋은 방법은 아니지만, 여기 시작하는 fiddle을합니다.

Answer 2

var path = window.location.pathname; 

다음 페이지의 현재 번호를 (있는 경우)와 숫자로 돌려, path을 구문 분석 정규식을 사용하여, 증가 /는 감소하고 그것에서 URL을 생성합니다.

그러나 아약스를 사용하지 않고 서버 측 언어를 사용한다고 가정하고 서버 측을 사용하는 것이 좋습니다.

우리는 숙제를 할 수 없습니다. 이 날짜 문자열을 받아 정규식에 대한 테스트의 예입니다 : 거기에

  // Date validation 
     if (bdate != "") 
     { 
      if(!/^[0-9]{1,2}\.[0-9]{1,2}\.[0-9]{4}(\.)?$/.test(bdate)|| 
      String(new Date(bdate.split(".")[1] + "/" + bdate.split(".")[0] + "/" + bdate.split(".")[2])) == "Invalid Date")   
      {return "Please enter a valid date in format dd.mm.yyyy"} 
     } 

, 정규식 테스트이 표현 : /^[0-9]{1,2}\.[0-9]{1,2}\.[0-9]{4}(\.)?$/.test(bdate) 및 문자열 bdate이 정규 표현식에 맞는 경우는 테스트합니다. 정규 표현식은 위의 두 슬래시 (/operators/) 사이에 연산자를 입력하여 구성 할 수있는 객체입니다.

this is a reference for javascript regex 개 이것은 tutorial입니다. 나는 당신에게 행운을 빌어 요.

Btw, 배우고 싶지 않으면 아마 wordpress 나 tumblr 같은 것을 사용하는 것이 좋습니다.