首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

「JS小技巧」随机不重复的ID,模板标签替换,XML与字符串互转,快速取整

本篇文章主要包含以下内容: 产生随机不重复ID 模板标签替换 字符串与xml的互转 快速取整数 本篇文章阅读时间预计3分钟。...01 产生随机不重复ID 有时候在没有第三方类库的情况下,我们希望希望产生随机且不重复的ID,这时我会使用「随机数」搭配「时间戳」的方式,首先使用Math.random()产生0~1之间约16~17位数的随机浮点数...,就能产生一个随机不重复的id 。...(36).substr(4,n); 02 模板标签替换 开发过程中有时会遇到要取出一段文字中的某些值,如果单纯只是要「替换成别的值」,使用replace()的方法就能轻松实现,对以下这段字符串来说,里面有几个利用...{{}}包覆的标签需要你替换,你会怎么做呢: 大家好,我的公众号是{{name}},今年{{age}}岁了,创建于{{year}}年,欢迎你的关注 如果想要把所有「{{}}」两个大括号内的字替换成对应的值

3.3K20

JS实现动态获取当前点击事件的id属性值

整个页面是通过ajax请求最新的4部视频进行填充完成,视频列表又是通过template-web.js插件补上去的,所以导致所有ID值都是一样的,一开始给按钮添加一个事件,结果是所有播放按钮都是播放第一个视频...于是,想了好多办法,又把ID属性给弄成动态的ajax请求的属性值,实现了每个id不一样,接下来,因为点击播放要调用一个方法,进行解析视频播放,拼接成API+视频链接的格式在新打开的弹窗进行展示。...具体可以看下图: 要实现点击不同按钮,并且按钮ID是动态从ajax请求获取的,还要添加点击视频拼接视频链接,参考了文章,可以获取点击按钮的id值,然后使用button,将链接放在value中 Dom...对象的id属性可以获取元素的id值。...-- HTML结构 --> id="testid" type="button" onclick="play(this)" value="动态获取id值">播放 // javascript

25.9K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS取整数、取余数的方法

    大家好,又见面了,我是你们的朋友全栈君。 1.丢弃小数部分,保留整数部分 parseInt(5/2) 2.向上取整,有小数就整数部分加1 Math.ceil(5/2) 3,四舍五入....Math.round(5/2) 4,取余 6%4 5,向下取整 Math.floor(5/2) Math 对象的方法 FF: Firefox, N: Netscape, IE: Internet Explorer...方法 描述 FF N IE abs(x) 返回数的绝对值 1 2 3 acos(x) 返回数的反余弦值 1 2 3 asin(x) 返回数的反正弦值 1 2 3 atan(x) 以介于 -PI.../2 与 PI/2 弧度之间的数值来返回 x 的反正切值 1 2 3 atan2(y,x) 返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间) 1 2 3 ceil(...1 2 3 log(x) 返回数的自然对数(底为e) 1 2 3 max(x,y) 返回 x 和 y 中的最高值 1 2 3 min(x,y) 返回 x 和 y 中的最低值 1 2 3 pow(

    10.6K20

    WordPress 标签的固定链接可以使用 ID 吗?

    WordPress 开启固定链接之后,标签的固定链接都是使用标签的别名,比如: https://blog.wpjam.com/tag/wordpress-tips/ 标签的默认固定链接不好看 如果标签没有设置别名...在标签的固定链接中使用 ID 那么能否直接使用标签的 ID 来生成标签的固定链接呢?...有自定义分类,也可以设置自定义分类在固定链接中使用 ID 。...勾选之后,点击标签的链接,就是使用标签 ID 来做数字链接了,并且在标签编辑页面也简化了编辑框,省略了别名输入框: WPJAM 分类管理插件 WPJAM「#分类管理插件#」是 WordPress 果酱出品的付费插件...外部链接 将文章或评论中的外部链接加上安全提示的中间页。 让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。

    1.3K20

    JS设置标签的内容和样式

    、取余的操作符就可以完成复合赋值操作,能更为简便的完成赋值和计算操作(复合赋值操作中间不能含有空格,例如:+ =是错误的书写,正确的书写是+=)。...代码分析: 将getElementById()方法拆开来理解,get意思是获取,element是标签,by是通过,id是标签的id名,结合起来的意思是通过id名获取标签,另外JS的标识符命名推荐中,使用的是小驼峰命名法...1 通过标签/元素.style.属性 = "属性值" 进行样式的控制 标签也是对象,可以使用对象.属性的形式来使用style对象;因为style也是对象,所以它也可以通过对象.属性来控制标签的样式。...利用className属性给标签设置样式,CSS样式没有出现在标签内,只是给标签添加类名而已; ? 3 获取/设置标签的内容 现在可以利用JS来控制标签的样式,能否利用JS控制标签的内容?...5 课后练习 1 id名为h5Course的div标签 id="h5Course">HTML5学堂,JS代码如下: // 注意查看id的大小写 var con

    20.4K90

    JS|函数的返回值

    我们先来看一组代码 function kunkun(aru){ console.log(aru)}kunkun('打篮球') 这个看似能输出结果,实则是在逻辑上是不合理的,我们函数是做某件事或者实现某种功能...所以,接下来我会介绍一种逻辑更严谨的代码。 解决方案 return语句 有的时候,我们希望函数将返回值返回给调用者,此时通过使用return语句就可以实现。...函数的返回值格式 function 函数名(){ return 需要返回的结果;}函数名(); 函数只是实现某种功能,最终的结果需要返回给函数的调用者。是通过return来实现的。...只要函数遇到return就会把后面的结果,返回给函数的调用者。...num2){ return num1 + num2;}console.log(sum(1,2)) 结果输出为:3 由此可知,不要在函数的内部输出结果,应该return给函数的调用者。

    11.4K10
    领券