手机版

jquery Mobile入门—外部链接切换示例代码

时间:2021-10-05 来源:互联网 编辑:宝哥软件园 浏览:

1、内部链接是通过在a标签内将href属性值设为# id的形式,外链则是在a中增加能量损耗率属性,并将属性值设为外部的,如:a href='关于。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。移动一号。2 .0 .量滴CSS“rel=”样式表type=' text/Css '/script src=' http 3360 js/jquery-1。8 .3 .量滴js“类型”文本/JavaScript天气预报/h1/header div data-role=' content ' class=' content ' pa href=' # w1 '今天/a/p| pa href='# '明天a/p /div页脚数据-角色='页脚h1 @ 2013 3i studio/h1/页脚/节id='w1 '数据-角色='page '数据-添加-返回-btn='true '页眉数据-角色='header'h1今天天气/h1/header div data-role=' content ' class=' content ' P4 ~ 7 ' Cbr/晴转多云br /微风/p em style=' float : right;padd :5 px ' a href='约。html ' rel=' external ' 3i Studio/a提供/em /div页脚数据-角色=' footer ' h1 @ 2013 3i studio/h1/页脚/节/BODY /HTML外部文件about.html代码: 复制代码代码如下: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。移动一号。2 .0 .量滴CSS“rel=”样式表type=' text/Css '/script src=' http 3360 js/jquery-1。8 .3 .量滴js“类型”文本/JavaScript关于3I工作室/h1/标题区数据-角色=“内容”类='content' p3I Studio是一个致力于创业创新的技术团队/p| /div页脚数据-角色=' footer ' h1 @ 2013 3i studio/h1/页脚/节/BODY /HTML 3、效果图预览

点击3i工作室进行外部链接

4、返回上一页,则在a标签中添加数据依赖属性,并将属性设为后退,如:a data-rel="back "返回上一页/a

版权声明:jquery Mobile入门—外部链接切换示例代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。