感谢您的支持，我会继续努力的!
扫码打赏，你说多少就多少
打开支付宝扫一扫，即可进行扫码打赏哦
时间：2023-10-14加入收藏
上面是我的演示，当点击a标签的时候，跳转到一个页面，我们可以看到，浏览器是没有刷新页面的，而是直接更改了浏览器url，全程没有刷新的动作，但是内容已经是另一个页面了。
代码：index.html<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
<title>无刷新预加载页面</title>
<script src="instantclick.min.js"></script>
<style type="text/css">
#instantclick-bar {
display: none;
}
</style>
</head>
<body>
<div>
<h2><a href="page.php?url=baidu">百度一下，你就知道</a></h2>
<h2><a href="page.php?url=taobao">淘宝，让天下没有难做的生意</a></h2>
<h2><a href="page.php?url=qq">腾讯游戏，毁我青春</a></h2>
</div>
<script data-no-instant>InstantClick.init();</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body style="margin:0;">
<?php
header("Content-type:text/html;charset=utf-8");
if ($_GET["url"] == 'baidu') {
echo "<title>百度</title>";
// echo "<h1>你好，我是李彦宏</h1>";
echo "<iframe src='http://www.baidu.com' style='width:100%;height:100%;position:fixed;' frameborder='0'></iframe>";
}else if ($_GET["url"] == 'taobao') {
echo "<title>淘宝</title>";
// echo "<h1>你好，我是马云</h1>";
echo "<iframe src='http://www.taobao.com' style='width:100%;height:100%;position:fixed;' frameborder='0'></iframe>";
}else if ($_GET["url"] == 'qq') {
echo "<title>腾讯</title>";
// echo "<h1>你好，我是马化腾</h1>";
echo "<iframe src='http://www.qq.com' style='width:100%;height:100%;position:fixed;' frameborder='0'></iframe>";
}else{
echo "<h1>别乱来...</h1>";
}
?>
</body>
</html>
<script src="instantclick.min.js"></script>
<script data-no-instant>InstantClick.init();</script>
感谢您的支持，我会继续努力的!
打开支付宝扫一扫，即可进行扫码打赏哦
TGA： 技巧
Copyright © 2012- huangbin.net, All Rights Reserved. 湘ICP备05017785号-7 
湘公网安备 43110302000102号
本站由 
& 
提供CDN加速/云存储服务
