JS片段大总结

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片段大总结的更多相关文章

广告等第三方应用嵌入到web页面方案之使用js片段
在自己的项目中嵌入过广告的朋友们可能都用过百度联盟, 只需要嵌入如下一段js代码片段, 就可以在自己的项目中嵌入广告, 来获得收益. <script type="text javasc ...
Atitit.dart语言的特性编译时js语言大总结
Atitit.dart语言的特性编译时js语言大总结 1. 原型环境1 1.1. Dart可以编译js3 2. 第二个期待的理由是Dart的语言特性,没有什么特别特性好像,类似java c#一小时 ...
Node + js实现大文件分片上传基本原理及实践(一)
_ 阅读目录一:什么是分片上传? 二:理解Blob对象中的slice方法对文件进行分割及其他知识点三. 使用 spark-md5 生成 md5文件四. 使用koa+js实现大文件分片上传实践回 ...
[ 转载 ] js十大排序算法：冒泡排序
js十大排序算法:冒泡排序 http://www.cnblogs.com/beli/p/6297741.html
【Vue.js游戏机实战】- Vue.js实现大转盘抽奖总结
大家好!先上图看看本次案例的整体效果. 实现思路: Vue component实现大转盘组件,可以嵌套到任意要使用的页面. css3 transform控制大转盘抽奖过程的动画效果. 抽奖组件内使用钩 ...
vue.js的app.js太大怎么优化？
vue.js的app.js太大怎么优化? # http://nginx.org/en/docs/http/ngx_http_gzip_module.htmlgzip on;gzip_min_lengt ...
js 十大排序算法 All In One
js 十大排序算法 All In One 快速排序归并排序选择排序插入排序冒泡排序希尔排序桶排序堆排序(二叉树排序) 基数排序计数排序堆排序(二叉树排序) https://www.c ...
一些站点使用的服务器软件、js 框架大收集 [ 整理中 ]
Chrome 的扩展应用 ChromeSnifferPlus ( 开源中国地址:http://www.oschina.net/p/chromesnifferplus,GitHub 地址:https:/ ...
JS学习大作业-Excel
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

随机推荐

css中!important的用法总结
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
GIMP 使用
在更改uboot启动logo的时候,需要P图,使用了linux的gimp.本文记录如何更改图片大小以及居中显示. 设置画布大小在图片中右键 image -> Canvas Size 图片居中 ...
[web开发] php优势 - PHP与ASP.NET的比较
php 优势 - PHP与ASP.NET的比较如今当提到 Web 开发时,您有许多选择.这些方法中许多都涉及到预处理 — 即,利用特定的标记将代码嵌入到 HTML 页面中,这些标记告诉预处理器,它们 ...
AWT是Java最早出现的图形界面，但很快就被Swing所取代
AWT是Java最早出现的图形界面,但很快就被Swing所取代. Swing才是一种真正的图形开发. AWT在不同平台所出现的界面可能有所不同:因为每个OS都有自己的UI组件库,java调用不同系统的 ...
一老掉牙的故事、是一个阿Q还是另一道曙光
几年前曾经看到过这个故事,当时以为自己要怎样怎样!可结果似乎不那么美好! 几年人生美好广景,几年依然碌碌无为,不沉着.不冷静.不务实.不圆滑.不老练.不勇敢.不勤劳,关键不聪明,无毅力.着 ...
K-mean聚类算法汇聚有用信息——学习笔记
无监督-无标签聚类,难点在于评估和调参. k-means最简单实用基本概念 K值:数据聚成多少类. 质心:各个维度算平均数.Centroid 相似度量:距离来算(欧式距离——直线距离,余弦距离) ...
C#中动态调用DLL动态链接库
其中要使用两个未公开的Win32 API函数来存取控制台窗口,这就需要使用动态调用的方法,动态调用中使用的Windows API函数主要有三个,即:Loadlibrary,GetProcAddress ...
sap screen design
定义屏幕: SAP 系统中的屏幕包含: 标准屏幕: 选择屏幕: 列表输出屏幕: 1. 标准屏幕必须隶属于一个类型为 L, M 或 F 的ABAP ...
iOS: NSObject中执行Selector的相关方法
本文转载至 http://www.mgenware.com/blog/?p=463 1. 对当前Run Loop中Selector Sources的取消 NSObject中的performSelect ...
【BZOJ3120】Line 矩阵乘法
[BZOJ3120]Line Description Wayne喜欢排队……不对,是Wayne所在学校的校长喜欢看大家排队,尤其是在操场上站方阵.某日课间操时,校长童心大发想了一个极具观赏性的列队方案 ...

JS片段大总结

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

随机推荐

热门专题