html中的标签都可以加一个id的属性。

<body>

<div id="tree" data-leaves="47" data-plant-height="2.4m"></div>

<script>

var tree = document.getElementById("tree");

//getAttribute()取值属性

console.log(tree.getAttribute("data-leaves"));

console.log(tree.getAttribute("data-plant-height"));

//setAttribute()赋值属性

tree.setAttribute("data-leaves","48");

//data-前缀属性可以在JS中通过dataset取值，更加方便

console.log(tree.dataset.leaves);

console.log(tree.dataset.plantHeight);

//赋值

tree.dataset.plantHeight = "3m";

tree.dataset.leaves--;

//新增data属性

tree.dataset.age = "100";

//删除，设置成null，或者delete

tree.dataset.leaves = null;

delete tree.dataset.age;

//jQuery的data方法

var tree = $('#tree');

console.log(tree.data("plant-height"));

</script>

</body>

　绑定点击事件

<a id="sam" class="gray_btn" href="javascript:void(0)" onclick="rClick({$vo.lsn_begin_time},{$vo.id})" data-time= "{$vo.lsn_begin_time}" data-id ="{$vo.id}">修改教材</a>

<script>

function rClick(begin_time,id){

			console.log(begin_time);

			console.log(id);

			// var tree = document.getElementById("sam");

   //          //上课时间

   //          var begin_time = tree.getAttribute("data-time");

   //          //课时id

   //          var id = tree.getAttribute("data-id");

       //    var myDate = new Date();//获取系统当前时间

            //当前时间 js获取时间 得到是毫秒

            //var time_now  = (new Date().getTime());

           //var timestamp =(new Date()).valueOf();

begin_time2 = begin_time * 1000;

 // console.log(begin_time)

 // console.log(time_now)

 // console.log(begin_time-time_now);

// console.log(id);

 if(begin_time2-time_now < 7200000){

alert('开课前2小时内无法修改章节,下次请提前操作！');

}else{

window.location.href="__URL__/updateLessonMaterial/id/"+id;

 } }

</script>

　　

　　

JS片段大总结的更多相关文章

  1. 广告等第三方应用嵌入到web页面方案 之 使用js片段

    在自己的项目中嵌入过广告的朋友们可能都用过百度联盟, 只需要嵌入如下一段js代码片段, 就可以在自己的项目中嵌入广告, 来获得收益. <script type="text javasc ...

  2. Atitit.dart语言的特性  编译时js语言大总结

    Atitit.dart语言的特性  编译时js语言大总结 1. 原型环境1 1.1. Dart可以编译js3 2. 第二个期待的理由是Dart的语言特性,没有什么特别特性好像,类似java c#一小时 ...

  3. Node + js实现大文件分片上传基本原理及实践(一)

    _ 阅读目录 一:什么是分片上传? 二:理解Blob对象中的slice方法对文件进行分割及其他知识点 三. 使用 spark-md5 生成 md5文件 四. 使用koa+js实现大文件分片上传实践 回 ...

  4. [ 转载 ] js十大排序算法：冒泡排序

    js十大排序算法:冒泡排序  http://www.cnblogs.com/beli/p/6297741.html

  5. 【Vue.js游戏机实战】- Vue.js实现大转盘抽奖总结

    大家好!先上图看看本次案例的整体效果. 实现思路: Vue component实现大转盘组件,可以嵌套到任意要使用的页面. css3 transform控制大转盘抽奖过程的动画效果. 抽奖组件内使用钩 ...

  6. vue.js的app.js太大怎么优化？

    vue.js的app.js太大怎么优化? # http://nginx.org/en/docs/http/ngx_http_gzip_module.htmlgzip on;gzip_min_lengt ...

  7. js 十大排序算法 All In One

    js 十大排序算法 All In One 快速排序 归并排序 选择排序 插入排序 冒泡排序 希尔排序 桶排序 堆排序(二叉树排序) 基数排序 计数排序 堆排序(二叉树排序) https://www.c ...

  8. 一些站点使用的服务器软件、js 框架大收集 [ 整理中 ]

    Chrome 的扩展应用 ChromeSnifferPlus ( 开源中国地址:http://www.oschina.net/p/chromesnifferplus,GitHub 地址:https:/ ...

  9. JS学习大作业-Excel

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

随机推荐

  1. 利用CSS生成精美细线Table表格

    精美的表格是前端开发用到的一个组件,很多时候我们利用复杂的页面style代码,来生成这样的表格,造成了页面的修改性和可读性都非常差.这里推荐直接使用css来产生一个细线表格. 使用方法也很简单: 第一 ...

  2. 【BZOJ】1068: [SCOI2007]压缩（dp）

    http://www.lydsy.com/JudgeOnline/problem.php?id=1068 发现如果只设一维的话无法转移 那么我们开第二维,发现对于前i个来说,如果确定了M在哪里,第i个 ...

  3. 【noip模拟题】最大公约数（数论）

    好神的一题... 首先我们只需要枚举这个gcd即可..从大到小,然后问题转换为判定问题...即判定是否有k个数有gcd这个约数.. orz 这样做的复杂度最坏是O(n+n/2+n/3+…+n/n)=O ...

  4. 【BZOJ】1649: [Usaco2006 Dec]Cow Roller Coaster（dp）

    http://www.lydsy.com/JudgeOnline/problem.php?id=1649 又是题解... 设f[i][j]表示费用i长度j得到的最大乐趣 f[i][end[a]]=ma ...

  5. CSS之各种居中

    本博客讨论居中情况设定为 总宽度不定,内容宽度不定 的情况.(改变大小时,仍然居中). 特别说明:在元素设置 position:absolute; 来设置居中效果时,除去博客下介绍的css3方法外,还 ...

  6. Redis分布式锁，基于StringRedisTemplate和基于Lettuce实现setNx

    使用redis分布式锁,来确保多个服务对共享数据操作的唯一性一般来说有StringRedisTemplate和RedisTemplate两种redis操作模板. 根据key-value的类型决定使用哪 ...

  7. solr初认识

    Solr : Search On Lucene Replication Solr 基本概况 Apache Solr (读音: SOLer) 是一个开源的搜索服务器.Solr 使用 Java 语言开发, ...

  8. Invalid property 'driverClassName' of bean class [com.mchange.v2.c3p0.ComboPooledDataSource]

    spring配置文件中配置c3p0错误,错误原因在于c3p0连接池与DBCP连接池在驱动.连接.数据库用户名这些属性名称的差别

  9. AssetsManager 在ios更新失败解决方案

    AssetsManager在安卓平台使用正常,但是到ios就不行了,最后发现是 cocos2d\cocos\network\CCDownloader-apple.mm中的 - (void)URLSes ...

  10. 【BZOJ2622】[2012国家集训队测试]深入虎穴 次短路

    [BZOJ2622][2012国家集训队测试]深入虎穴 Description 虎是中国传统文化中一个独特的意象.我们既会把老虎的形象用到喜庆的节日装饰画上,也可能把它视作一种邪恶的可怕的动物,例如“ ...