> 웹 프론트엔드 > HTML 튜토리얼 > html模板,根据链接调用页面展示_html/css_WEB-ITnose

html模板,根据链接调用页面展示_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:49:56
원래의
1202명이 탐색했습니다.

做网站页面,查找各种框架,但都不理想,frameset不好控制,iframe对于网站SEO优化不怎么好,一直很头疼。

后来得知可以使用js直接调用,本使用的是页面加载js调用,如下:

$("#head").load("head.html");				$("#foot").load("foot.html");
로그인 후 복사

但又有问题了,不同页面调用,则图片的地址如何书写呢?当然这是有解决办法的,比如node.js,听说可以使用的,但不怎么熟悉。

百无聊赖之余,自己动手写写,可以将头、尾不动,中间内容随时调用。

经测试,可以实现,代码附上:

html:

		
로그인 후 복사

js:

$(function(){			var load_href;			$("#list li a").click(function(){								var val=$(this).attr("val");				console.log(val);								switch(val){					case "1":					load_href="111";					break;										case "2":					load_href="222";					break;									}				console.log(load_href);				$("#wrap").load("page/" +load_href+ ".html")			})					})
로그인 후 복사


自己测试,用的是switch,当然还有很多种方法实现,比如if-else,json等。

记录,以备之后查阅。









원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿