javascript 路由跳转

本文转载自查看原文 2019-09-20 22:31 409 前端javascript

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="#/home" >这里</a>
<a href="#/lon">白天</a>
<div id="app"></div>
<script type="text/javascript">
    // console.log(location)

    //路由的跳转
    //onhashchange是window的一个方法
    window.onhashchange=function () {
        console.log(111);
        console.log(location.hash);   //这里可以获取当前的路由信息
        switch(location.hash) {
            case '#/home':
            document.getElementById('app').innerHTML='<h2>课程</h2>';
            break;
            case '#/lon':
            document.getElementById('app').innerHTML = '<h2>价钱</h2>';
            break;

        }
    }
</script>
</body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 React 跳转路由跳转路由的跳转 , 动态路由的配置 react中路由的跳转 Vue - route路由跳转 vue路由跳转的方式 angular 路由跳转以及传参 vue实现跳转路由 AngularJS路由跳转 uniapp路由跳转