`
nicegege
  • 浏览: 591846 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

html中data-uri和data-href的属性有什么作用

    博客分类:
  • HTML
 
阅读更多
定义和用法

data-* 属性用于存储页面或应用程序的私有自定义数据。

data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。

存储的(自定义)数据能够被页面的 JavaScript 中利用,以创建更好的用户体验
(不进行 Ajax 调用或服务器端数据库查询)。

data-* 属性包括两部分:

属性名不应该包含任何大写字母,并且在前缀 "data-" 之后必须有至少一个字符
属性值可以是任意字符串

简单来说就是存储一些简单信息,然后可以通过js拿到这些信息,
像你说的data-url和data-href估计就是存储的真正的url和href,
可以通过js的element.dataset.url或JQ的data('url')拿到,然后进行相应操作
分享到:
评论

相关推荐

    fis-preprocessor-uri-sherry:fis插件,让fis的资源定位支持__uri

    fis-preprocessor-uri-sherry 补充资源定位函数 __uri 主要用途:一般img的src...可是对于特殊的情况(如data-uri,data-src等属性)fis不会转换。 而此插件,是用于将data-src、data-uri等非标准定位转换为标准定位。

    html中打开app

    2. **data属性**: 在HTML的`<a>`标签中,我们可以使用`href`属性指定URI,并用`data`属性传递额外的信息。例如: ```html <a href="myapp://open" data-param1="value1" data-param2="value2">打开App ``` 这样...

    Win10系统如何使用URI.docx

    3. **在HTML中使用URI**: - 对于开发者而言,可以在HTML页面中嵌入URI,使其像HTTP链接一样工作。用户点击这些链接,如果是在Win10预览版系统中,会直接跳转到相应的系统设置页面。例如,要跳转到日期和时间设置,...

    Download-data-in-CSV-format-IE8-plus-compatible:将JSON转换为CSV并下载CSV

    在IT行业中,尤其是在Web开发领域,数据交换和存储经常涉及各种格式,如JSON(JavaScript Object Notation)和CSV(Comma-Separated Values)。本文将深入探讨如何将JSON数据转换为CSV格式,并创建一个兼容IE8及更高...

    通过url跳回app,含测试html

    在Android开发中,实现通过URL链接唤醒App是一项常见的需求,特别是在移动互联网应用中,用户可能在浏览器、社交媒体或者第三方应用中点击一个链接,然后希望直接回到我们的App内继续操作。这个过程涉及到Android的...

    jstl 实现分页

    这个简单的示例只展示了分页的基本结构,实际项目中可能还需要添加CSS样式和JavaScript交互,如跳转到指定页码、禁用不可点击的链接等。 总结起来,使用JSTL实现分页主要涉及以下几个步骤: 1. 引入JSTL库并配置。...

    html页面表格导出excel(原生js浏览器全兼容)

    在网页开发中,有时我们需要将HTML表格的数据导出到Excel文件中,以便用户可以方便地进行数据管理和分析。原生JavaScript实现的HTML表格导出功能,无需依赖后台接口,能够实现浏览器全兼容,大大提高了用户体验。...

    Ruby-从FM网站如获取音频并转换到MP3格式

    在Ruby编程语言中,从FM网站获取音频并将其转换为MP3格式涉及到多个步骤和相关的技术。这个过程通常包括网络请求、数据解析、音频下载以及音频编码转换。下面将详细介绍这些知识点。 首先,你需要了解如何使用Ruby...

    XBRL符合性测试用例

    <!-- XBRL 2.1 Tests --> <!... All Rights Reserved.... ...xml-stylesheet type="text/xsl" href="testcases.xsl"?... <testcase uri="Common/300... <testcase uri="Common/400-misc/401-datatypes.xml"/> </testcases>

    使用pager-taglib分页完整例子

    例如,你可以创建一个服务方法,返回带有当前页码、每页大小、总记录数和实际数据的Page对象。 在JSP页面上使用`pager:pagelist`和`pager:page`标签来渲染分页组件。基本结构可能如下: ```jsp ${page}" var="p" ...

    网页保存图片并下载到本地 兼容IE浏览器

    否则,对于其他现代浏览器,我们创建一个`<a>`标签,设置其`href`属性为Data URL,并模拟点击事件触发下载。 此外,考虑到大文件下载时可能出现的网络错误,我们需要在html2canvas的调用中添加错误处理。可以使用...

    jQuery将网页表格转换为excel文件导出代码.zip

    在网页开发中,有时我们需要提供一个功能,让用户能够方便地将网页中的表格数据导出到Excel文件中。jQuery,作为一款广泛使用的JavaScript库,提供了许多方便的API来简化这种任务。这个"jQuery将网页表格转换为excel...

    jsoupAPI中文版

    - 使用 `Element` 对象的 `text()`、`html()` 和 `attr(String key)` 方法获取元素的文本、HTML内容和属性值。 **7. 使用选择器语法来查找元素** - 选择器语法类似于CSS选择器,可用于精确地选择文档中的元素。 ...

    JSP中以TABLE方式显示数据自动分页

    // 设置数据属性(假设Data类有对应列的get和set方法) data.setId(resultSet.getInt("id")); data.setName(resultSet.getString("name")); // ... dataList.add(data); } // 关闭数据库连接 close...

    JS实例:用javascript将数据导入Excel

    5. **Data URI方案**:可以使用Data URI scheme将数据直接嵌入到HTML的`<a>`标签的`href`属性中,使得用户可以直接下载。例如,对于CSV,可以生成一个包含`data:text/csv;charset=utf-8;base64,`前缀的URL。 6. **...

    Thymeleaf常见用法,Thymeleaf手册

    - **对象方法表达式**:如`"#{themes.code()}"`和`"#{mvc.uri()}"`分别对应于Spring中的`<spring:theme>`和`<spring:mvcUrl>`标签,用于获取主题代码和构建URL。 #### 四、处理表单 Thymeleaf提供了一些专用于表单...

    从网页启动Activity

    为了在网页中启动这个Activity,我们需要在网页的HTML中添加一个链接,链接的`href`属性应设置为我们的自定义URL: ```html <a href="myapp://open?param1=value1&param2=value2">打开App ``` 当用户点击这个链接...

    Export-Grid-to-CSV

    在提供的文件列表中,`KendoMVCWrappers.sln`和`.suo`是Visual Studio解决方案文件和用户选项文件,它们与项目的构建和配置有关。`KendoMVCWrappers`可能是项目目录,包含与Kendo UI MVC相关的代码。`packages`...

    Tomcat&Web-java考试习题.pdf

    设置HTML页面样式表(CSS)的标记是`<link>`,通常使用`rel="stylesheet"`和`href`属性来引用外部CSS文件。 用于设置当前页面为出错页面的属性是`errorPage`,通常在`<%@ page errorPage="error.jsp" %>`中使用。 ...

Global site tag (gtag.js) - Google Analytics