JQuery Mobile入门——外部页面链接

最新推荐文章于 2025-05-06 10:53:49 发布

原创

最新推荐文章于 2025-05-06 10:53:49 发布 · 6.4k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了如何在JQuery Mobile中创建外部页面链接，通过在<a>标签中添加rel='external'属性实现。同时，展示了外部链接切换的示例代码，以及如何设置返回上一页的功能，通过在<a>标签中添加data-rel='back'属性来实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、内部链接是通过在<a>标签内将href属性值设为#+id的形式，外链则是在<a>中增加rel属性，并将属性值设为external，如：<a href="about.html" rel="external">3i Studio</a>

2、外部链接切换示例代码：

<!DOCTYPE HTML >
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<link href="Css/jquery.mobile-1.2.0.min.css" rel="Stylesheet" type="text/css"/>
<script src="Js/jquery-1.8.3.min.js" type"text/javascript"></script>
<script src="Js/jquery.mobile-1.2.0.min.js" type="text/javascript"></script>
</HEAD>
<BODY>
<section id="page1" data-role="page">
<header data-role="header"><h1>天气预报</h1></header>
<div data-