>  기사  >  웹 프론트엔드  >  JavaScript 정적 및 Dynamic_javascript 기술

JavaScript 정적 및 Dynamic_javascript 기술

WBOY
WBOY원래의
2016-05-16 19:26:161089검색

이 기간 동안 웹 사이트를 구축하고 있었는데 공간이 ASP를 지원하지 않았기 때문에 JavaScript 튜토리얼을 선택하여 정적 공간에서 역동성을 얻을 수 있는지 살펴보았습니다. 물론 이 역동성은 실제가 아닙니다. 말하자면 그냥 "의사 동적"입니다 :)
동적 페이지의 가장 기본적인 기능은 news.asp?id=1 형식이므로 이 목표를 위해 작업을 시작했고, 작업을 마친 후입니다. ~기본 아이디어는 브라우저의 주소 표시줄에서 현재 파일의 주소를 가져온 다음 여기에서 ID를 추출하고 마지막으로 인라인 프레임을 사용하여 관련 콘텐츠를 표시하는 것입니다. 기본 코드는 다음과 같습니다

코드 복사 코드는 다음과 같습니다.

<script> >var str, len,pos,id,fn; ​​​​// 일부 변수 정의 <br>str=top.window.location.href; // 자연 파일 주소 가져오기 <br>len=str.length; 주소 길이를 가져옵니다. <br>pos =str.indexOf("?id=",0); // "?id="<br>if(pos>0)의 시작 주소를 가져옵니다. // "?id"인지 확인합니다. =" <br>{ <br> id=str.substring(pos 4,len); // ID 가져오기 <br> fn="<iframe src='news/" id ".htm'></ iframe>" // 포함됨 포함된 프레임에 관련 내용 표시 <br> document.write(fn); // 출력 <br>} <br>else <br>{ <br> document.writeln("잘못된 매개변수!" ); // 존재하지 않는 ID <br>} <br></script>
이런 식으로 뉴스 페이지를 만들어 뉴스 디렉토리에 넣은 후 news.htm을 호출할 수 있나요? 관련 뉴스를 보려면 외부적으로 id=1~~ 물론 여기의 코드는 성숙하지 않습니다. 예를 들어 ID가 숫자인지 등을 판별하지 않습니다. 이는 앞으로 점차 개선될 예정입니다 :)
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.