javascript实例:路由的跳转

<!doctype html>
<html lang="en">
<body><a href="#/home">首页</a><a href="#/course">课程</a><div id="app"></div><script>window.onhashchange = function(){console.log(location.hash);switch (location.hash) {case '#/home':document.getElementById('app').innerHTML = '<h2>我是首页</h2>';break;case '#/course':document.getElementById('app').innerHTML = '<h2>我是课程</h2>';break;default:// statements_defbreak;}}</script>
</body>
</html>

转载于:https://www.cnblogs.com/apollo1616/p/9713774.html

javascript实例:路由的跳转相关推荐

每天一个JavaScript实例-apply和call的使用方法
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
每天一个JavaScript实例-获取元素当前高度
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
Javascript实例：Select的OnChange()事件
Javascript实例:Select的OnChange()事件我们用Select的onchange事件时,常会遇到这样一个问题,那就是连续选相同一项时,不触发onchange事件.你得有Chang ...
每天一个JavaScript实例-canvas绘图
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
每天一个JavaScript实例-动态省份选择城市
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
一些有用的javascript实例分析(二)
一些有用的javascript实例分析(二) 原文:一些有用的javascript实例分析(二) 1 5 求出数组中所有数字的和 2 window.onload = function () 3 { 4 ...
菜鸟教程之 JavaScript 实例
From:https://www.runoob.com/js/js-examples.html JavaScript 和 HTML DOM 参考手册(:https://www.runoob.com/j ...
VUE不同路由地址跳转相同页面，页面数据根据不同参数刷新
VUE不同路由地址跳转相同页面,页面数据根据不同参数刷新在<script></script>标签中增加监听,当路由发生改变时,重新调用查询数据接口, export defau ...
OSPF多实例路由防环检测功能介绍
OSPF多实例路由防环检测功能介绍普通OSPF防环功能新的改变,引入新的问题 BGP/MPLS/VPN组网环境 1. Domain ID 什么是Domain ID? BGP传这个值有什么用? 这个 ...

javascript实例:路由的跳转

javascript实例:路由的跳转相关推荐

最新文章

热门文章