`
xo_tobacoo
  • 浏览: 390944 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

携带值小技巧，简化js

IEjsonFirefoxJavaScriptXHTML 
阅读更多

问题：在页面上一个循环打印出来的表，点击某一行时取得本行某些列的值进行计算，或者其它行的数据进行计算或合并，或者需要携带多个数据到另外一个页面

思路：数据放一起集中存取

解决：利用标签属性，标签有多个属性是可以用：标签.属性 的方式直接取得属性值的。如<a>,经测试下面8个属性可以使用 标签.属性 取得其值，那就是说它能携带8个数据

name， id， rev， src， hreflang， shape， type， urn，

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>属性</title>
<script type="text/javascript">
function show(){
var bt = event.srcElement;
alert(bt.type);
alert(bt.urn);
}
</script>
</head>
<body>
<a href="#" onclick="show()"  name="name" id="id" rev="rev" src="src" hreflang="hreflang"  shape="shape" type="type" urn="urn" >a</a>
</body>
</html>

加上取得标签的方法：event.srcElement ，这样过程就很简单了。

 

碰到不止20个怎么办？简单，自己写个js自定义一个标签，想给多少个属性就多少个，然后让他隐藏就是了！另外i在IE中还能直接在标签上添加属性定义值！

 

注：在ie中测试的，在firefox中也有自己的事件源对象。

有更好的办法期待赐教

1
顶
0
踩
分享到：
| 软件开发方法的理解
评论
1 楼 cyn0sure 2008-07-11  
JSON吧
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    可拖放的ajax多层菜单

    在网页开发中，可拖放的Ajax多层菜单是一种交互性强、用户体验良好的设计技术。它结合了Ajax（异步JavaScript和XML）与JavaScript的...这个小技巧提升了网页的互动性和用户体验，是现代Web开发中值得掌握的一种技术。

    小程序最新最全知识点 小白入门

    #### 二、小程序事件传值技巧 在小程序中，可以通过在页面标签上绑定dataset-key=value的方式，将数据绑定到特定元素上。当用户触发相应事件（如点击按钮）时，可以通过`e.currentTarget.dataset.key`来获取该元素...

    Discuz论坛实现接口，以及结合Discuz的微信小程序.zip

    3. 小程序插件：Discuz提供专门的小程序插件，可以简化整合过程，直接在论坛后台配置相关设置即可实现小程序与论坛的无缝对接。 4. UI适配：根据微信小程序的设计规范，调整论坛界面以适应小程序的显示效果，保证...

    node-todolist:使用 Node.js 和 Express 框架制作的简单待办事项列表

    Express 是一个基于 Node.js 的 web 应用框架，它简化了构建 web 应用的过程，提供了许多有用的功能，如路由处理、中间件系统和模板引擎支持。在这个项目中，Express 负责处理 HTTP 请求，将用户操作映射到相应的...

    北大青鸟ACCP6.0AJAX课程阶段小项目BBS源码

    【北大青鸟ACCP6.0 AJAX课程阶段小项目BBS源码】是北大青鸟教育机构在ACCP6.0课程中针对AJAX技术设计的一个教学实践项目，旨在帮助学员深入理解和掌握AJAX（异步JavaScript和XML）在实际Web开发中的应用。...

    W3CSchool.chm

    由于其体积小、便于携带且易于阅读等特点，在软件开发领域中被广泛用作帮助文档的格式之一。 ### W3CSchool.chm中的核心知识点 #### 1. **HTML5** HTML5是超文本标记语言的最新版本，为网页设计提供了更多的功能和...

    儿童预防接种预约微信小程序+springboot后端源码案例设计.zip

    该压缩包文件“儿童预防接种预约微信小程序+springboot后端源码案例设计.zip”包含了一个完整的项目案例，主要用于儿童预防接种的预约服务。这个项目是通过微信小程序作为前端界面，与基于SpringBoot的后端服务器...

    JSP精心收藏的21种分页方法

    5. **第三方分页库**：如`Pager.js`、`Paginator.js`等，它们提供了丰富的分页样式和功能，简化了开发工作，但可能增加页面加载时间。 6. **数据库分页**：很多数据库（如MySQL, Oracle）支持SQL的LIMIT和OFFSET...

    基于Springboot+Vue美食烹饪互动平台的设计与实现源码案例设计.zip

    该源码案例是一个基于Springboot后端框架和Vue前端框架构建的美食烹饪互动平台，旨在提供一个用户可以分享、学习烹饪技巧和食谱的在线社区。这个项目是针对毕业设计或期末大作业的理想示例，它涵盖了软件开发的多个...

    jQuery通过控制节点实现仅在前台通过get方法完成参数传递

    jQuery库简化了DOM操作，提供了方便的API用于选择、操作和修改DOM元素。在描述中提到的“控制每一个节点，对每一个节点进行增删改查”，这是JavaScript和jQuery的基本功能，包括`$(selector).append()`（添加元素）...

    web前端面试题

    在 css/js 代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次 js 请求一般情况下有哪些地方会有缓存处理？** - 浏览器缓存（如 HTTP 缓存）、服务端缓存、CDN 缓存等都是常见的缓存机制。 **14. 一...

    批量打开网页

    在IT行业中，批量操作是一种常见的效率提升技巧，特别是在网页浏览和数据处理方面。"批量打开网页"这个小工具就是这样一个高效实用的软件，它能够帮助用户一次性打开多个网页，极大地节省了时间，提高了工作效率。 ...

    Go-ptt網路版爬蟲

    通过学习和实践Go-Ptt網路版爬蟲，不仅可以深入理解Go语言的并发编程，还能掌握Web爬虫的基本原理和技巧，对于提升自己的编程技能和解决问题的能力大有裨益。同时，对于PTT论坛的深度数据挖掘，也能为研究社会热点、...

    go web编程

    - **HttpOnly 标记**：禁止 JavaScript 访问 Cookie。 - **定期更新 Session ID**：减少被劫持的风险。 **6.5 小结** - **Session 管理技巧**：确保 Web 应用的安全性和可靠性。 #### 七、文本文件处理 **7.1 ...

Magicbox
Global site tag (gtag.js) - Google Analytics