【发布时间】：2015-05-10 11:02:41
【问题描述】：
我是一个初学者，对编程还很陌生（所以请尽量让你的答案简单）。
我刚听说HTML5历史API，这个API可以让你用JavaScript更新浏览器地址栏，这样你就可以根据URL改变页面的内容。 （我不知道该怎么做）
我目前使用 XAMPP 作为 localhost，phpmyadmin 作为数据库，并使用 Notepadd++ 作为文件编辑器，在 Google Chrome 上查看和测试我的网站。
我的问题是，我如何使用这个新的 HTML5 History API，以便我的 3 个 php 文件在最多使用纯 PHP 或 javascript 在页面之间导航时无缝工作。 我能给出的最好的例子就是 soundcloud 在页面之间导航时如何无缝播放音乐。
我希望我的 'header'、'Vis1' 和 'Vis' php 文件在页面之间导航时能够无缝地工作（这些页面已列出）。
我希望在导航时无缝处理的文件：
目录：i-neo\htdocs\i-neo\inc..
<?php include ( "./inc/header.inc.php" );?>
<?php include("./inc/vis1.inc.php");?>
<?php include("./inc/vis.inc.php");?>
这些相同的 3 个文件都包含在以下 php 页面中：
目录：i-neo\htdocs\i-neo\
'home.php, index.php, msmyg.php, prof.php, nudg.php & frireq.php'
代码如下：vis1.inc.php
<!doctype html>
<html>
<head>
<div id="vinfo">
<meta name="description" content="blah">
<title>blah</title>
<link type="text/css" rel="stylesheet" href="style/style.css">
<div id="wrapper">
<div id="fileWrapper" class="file_wrapper">
<div id="info">
</div>
<label for="uploadedFile">
Drag & drop
</label>
<input type="file" id="uploadedFile">
</input>
</div>
</div>
</div>
</head>
</html>
代码：vis.inc.php
<!doctype html>
<html>
<footer>
<link type="text/css" rel="stylesheet" href="style/style.css">
<div id="v_wrapper">
<canvas id='canvas' width="1950" height="800"><script
type="text/javascript" src="js/hav.js"></script>
</canvas>
</div>
<div id="c2">
<small>random info<a href="website name" target="_blank">website name - Owner</a></small>
</div>
</footer>
</html>
代码：header.inc.php
<?php
include ("./inc/connect.inc.php");
session_start();
if (isset($_SESSION['user_login'])) {
$user = $_SESSION["user_login"];
}
else {
$user = "";
}
?>
<!doctype html>
<html>
<head>
<title>i-neo</title>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="js/main.js" type="text/javascript"></script>
</head>
<body>
<div class="ineoMenu">
<div id="ineoWrapper">
<div class="logo">
<img src="./img/i-neo.png" />
</div>
<div class="search_ineo">
<form action="search.php" method="GET" id="search">
<input type="text" name="q" size="50"
placeholder="Search" .../>
</form>
</div>
</div>
</div>
<?php
if (isset($_SESSION["user_login"]))
{
echo '
<div id="menu">
<a href="home">Home</a>
<a href="'.$use.'">Prof</a>
<a href="set.php">Set</a>
<a href="msmyg.php">Me</a>
<a href="frireq.php.php">Fr</a>
<a href="nudg.php">Nudg</a>
<a href="logout.php">Logout</a>
</div>
';
}
else{
echo'<div id="menu">
<a href="index.php"/>S</a>
<a href="index.php">L </a>
</div>
';
}
?>
<div id="wrapper">
</html>
<footer>
<div id="c1">
<?php echo "Hedi Bej © i-neo 2015"; ?>
</div>
</footer>
【问题讨论】：
-
"phpmyadmin as database" - phpmyadmin 不是数据库，而是 mysql 的管理工具。
-
你知道我的意思...
标签： javascript php html history