一个js随机颜色脚本(用于标签页面,也可用于任何页面)

 更新时间:2007年09月16日 22:09:04   作者:  

看见有人要这个东西,发上来。237个字节的东西。很小吧?
把下面代码添加到tag.asp的<div id="mainContent-bottomimg">前面即可。
这么简单的问题就别问什么问题了。
其实你也可以添加到header.asp或footer.asp中。不过这样你整个页面的全部span区域将全为随机颜色了。

演示
http://www.hljsh.com/tag.asp
效果是一样的。不过我的演示是用asp实现的。我发的是用JS实现的。效果一样。

复制代码 代码如下:

<script>
var obj = document.getElementsByTagName("span");
for(i=0;i<obj.length;i++)
{
var str = "0123456789abcdef";
var t = "#";
for(j=0;j<6;j++)
{t = t+ str.charAt(Math.random()*str.length);}
obj[i].style.color=t; 
}
</script>


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

相关文章

  • JS通过识别id、value值对checkbox设置选中状态

    JS通过识别id、value值对checkbox设置选中状态

    最开始需要获取的是input value值设置checkbox选中状态,由于input value要使用计算业务,后来改造为id,这里就为大家分享一下实现代码,需要的朋友可以参考下
    2020-02-02
  • ES6基础之 Promise 对象用法实例详解

    ES6基础之 Promise 对象用法实例详解

    这篇文章主要介绍了ES6基础之 Promise 对象用法,结合实例形式详细分析了ES6中 Promise 对象功能、用法及相关操作注意事项,需要的朋友可以参考下
    2019-08-08
  • js数组依据下标删除元素

    js数组依据下标删除元素

    一直在使用js相关的东西,但很少作总结,今天遇到操作js数组的一些问题,对js的数组有了更进一步的认识
    2015-04-04
  • JavaScript中自定义swiper组件详解

    JavaScript中自定义swiper组件详解

    这篇文章主要介绍了微信小程序 swiper组件轮播图详解及实例的相关资料,需要的朋友可以参考下,希望能给你带来帮助
    2021-08-08
  • JS SetInterval 代码实现页面轮询

    JS SetInterval 代码实现页面轮询

    setInterval 是一个实现定时调用的函数,可按照指定的周期(以毫秒计)来调用函数或计算表达式。下面通过本文给大家分享JS SetInterval 代码实现页面轮询,感兴趣的朋友一起看看吧
    2017-08-08
  • JS把年月日转为时间戳的操作方法

    JS把年月日转为时间戳的操作方法

    在JavaScript中,将年月日转换为时间戳可以通过多种方式实现,下面给大家分享JS把年月日转为时间戳的操作方法,感兴趣的朋友跟随小编一起看看吧
    2024-08-08
  • 获取当前网页document.url location.href区别总结

    获取当前网页document.url location.href区别总结

    请教:document.URL和window.location.href区别
    2008-05-05
  • javascript实现类似java中getClass()得到对象类名的方法

    javascript实现类似java中getClass()得到对象类名的方法

    这篇文章主要介绍了javascript实现类似java中getClass()得到对象类名的方法,实例分析了javascript实现java中getClass方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • uni-app实现全局变量的方式小结

    uni-app实现全局变量的方式小结

    uni-app是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到 iOS、Android、Web(响应式)、以及各种 小程序,下面我们就来看看uni-app实现全局变量有哪些方法吧
    2024-12-12
  • JavaScript极简入门教程(一):基础篇

    JavaScript极简入门教程(一):基础篇

    这篇文章主要介绍了JavaScript极简入门教程(一):基础篇,本文讲解了JavaScript的基础语法、操作符、运算符等内容,需要的朋友可以参考下
    2014-10-10

最新评论