h5 页面切换怎么写代码
时间: 2023-05-21 16:06:22 浏览: 59
您好!关于h5页面切换的代码,您可以使用JavaScript实现。您可以为每个页面定义一个标识符,然后在用户点击导航链接时,动态修改文档对象模型(DOM),以显示所需的页面。以下是例子代码:
HTML页面:
```
<div id="page1">
<h1>Welcome to Page 1</h1>
<a href="#" onclick="showPage('page2')">Go to Page 2</a>
</div>
<div id="page2" style="display:none">
<h1>Welcome to Page 2</h1>
<a href="#" onclick="showPage('page1')">Go to Page 1</a>
</div>
```
JavaScript代码:
```
function showPage(pageId) {
document.getElementById('page1').style.display = 'none';
document.getElementById('page2').style.display = 'none';
document.getElementById(pageId).style.display = 'block';
}
```
此代码包含两个页面,其中第一个页面有一个链接,在点击链接时,可切换到第二个页面。方法是定义基本的HTML页面,然后使用JavaScript编写函数。函数包含参数,该参数代表要显示的页面的ID。函数使用标识符选择器访问页面元素,并设置其样式,以便在单击链接时切换页面。