前端菜鸟，喜欢收集一些古怪功能的实现方法，不一定用得到。
跳转
- html的meta的http-equiv="refresh"
<head>
<!-- 以下方式只是刷新不跳转到其他页面，数字代表在多少秒之后刷新 -->
<meta http-equiv="refresh" content="10">
<!-- 以下方式定时转到其他页面，数字代表在多少秒之后 -->
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
- javascript的window.location
<script language="javascript" type="text/javascript">
// 以下方式直接跳转
window.location.href='hello.html';
// 另一种写法
location.href = './photo.html'
// 以下方式定时跳转
setTimeout("javascript:location.href='hello.html'", 5000);
</script>
引入
在当前页面中显示其他html文件的内容。
- 使用HTML imports功能，这个功能官方有，但是大部分浏览器不支持。
<head>
<link rel="import" href="/path/to/imports/stuff.html">
</head>
- 使用iframe标签，相当于页面内有一个webView，但是高度要匹配显示器像素才有最好的显示效果：
<head>
</head>
<body>
<iframe align="center" width="100%" height="1920"
src="page/Page_1.html" frameborder="no" border="0"
marginwidth="0" marginheight="0" scrolling="no"></iframe>
</body>
网友评论