master

分支 (1)

标签 (1)

管理

管理

master

1

route.js
/
demo.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>route-test</title>
	<!--[if lte IE 7]>
	<script src='./js/ieadaptor.js'></script>
	<![endif]-->
	<style>
		ul>li{
			float: left;
			margin-right: 20px;
			list-style-type: none;
		}
		ul>li>a{
			text-decoration: none;
		}
		p{
			border: solid red 1px;
			padding-top:20px;
			padding-bottom: 20px;
			padding-left: 20px;
		}
	</style>
</head>
<body>
	<ul>
		<li><a href="javascript:history.go(-1)">后腿</a></li>
		<li><a href="javascript:history.go(1)">前进</a></li>
	</ul>
	<ul>
		<li><a href="#">#---首页</a></li>
		<li><a href="#about/444">#about/444---匹配数字</a></li>
		<li><a href="#test/字符串">#test/字符串--匹配字符串</a></li>
		<li><a href="#about">#about---普通路由</a></li>
		<li><a href="#diqye/regtest">正则匹配测试</a></li>
		<li><a href="#nonono">未知路由</a></li>
	</ul>
	<br>
	<p id="content"></p>

	<p>ie7及其以下 暂不支持前进后腿</p>
<!--	<p>oscgit:<a href="https://git.oschina.net/diqye/route.js" target="_blank">https://git.oschina.net/diqye/route.js</a></p>-->
	<script type="text/javascript" src="./js/route.js"></script>
	<script type="text/javascript">

		var use=diqye.route.use
		,get=diqye.route.get
		,to=diqye.route.to;

		function htmlfn(html){
			document.getElementById('content').innerHTML=html;
		}
		get('/',function(req,next){
			to('diqye',{a:'我是首页跳转过来的',b:'ww',c:{a:1}});
		});
		get('/diqye',function(req,next){
			htmlfn('diqye<br>'+req.query.a);
		});
		get('/about',function(req,next){
			document.getElementById('content').innerHTML="我是关于";
		})
		get('/about/:number',function(req,next){
			document.getElementById('content').innerHTML=req.para;
		})
		get('/test/:string',function(req){
			htmlfn(req.para);
		});
        get(/(.*)diqye(.*)/g,function(req,next){
			htmlfn(req.para[2]);
        });


		use(function(req,next){
			document.getElementById('content').innerHTML="未知的路由";
		});
		diqye.route.start();
	</script>

	<script src='https://git.oschina.net/diqye/route.js/widget_preview'></script>
</body>
</html>