随机产生十六进制的颜色

文献种类：专题技术总结文献

开发工具与关键技术：   随机产生十六进制的颜色   单词

作者：  魏钦     年级：  2002      撰写时间：  2022 年 3  月 27 日  

文献编号：                归档时间：   年   月   日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： VS 2019    单词                      

作者：魏钦

撰写时间：2022/4/8

1. 首先打开我们的VS软件，CTRL+ N新建一个HTML文档，在body标签里放一个script标签，作为写JS的区域。
2. 在script标签里面放入function（简称方法），然后空格，大部分代码与代码之间都需要用空格作为分割线隔开，getColor()这个括号是前面那个简称方法的，后面放个花括号然后把这两个花括号用回车换行把它分开。

                                        function getColor(){

                                        }

1. 声明个变量，用初始值var空格放入你熟悉的任意单词再空格等于号，双引号，在双引号之间放个井符号，最后用分号表示结尾。

var str = "#";

4.再声明一个变量，操作方法个上一个基本一样，不同的等于号后面的内容，中括号双引号，双引号中间放入零，双引号后面放个逗号表示隔开，以此类推到9，9后面再a到f，一共十六个。

                        var arr = ["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];

1. 用for循环，通过循环六次都产生不同的不的数组下标，for括号初始值var，空格i再空格等于0，分号i<6分号，i++，最后花括号，花括号跟上一个的花括号操作一样。

                                        for(var i = 0; i < 6; i++){

                                            }

1. 再来一个var空格num等于parseInt（取整的意思），然后括号Math.reandom（随机的关键字，然后再括号，里面不要放任何东西，在括号后面*16。

                                        var num = parseInt(Math.random()*16);

1. 用已经赋值给井号的单词+=已经赋值给十六位的单词中括号放入上一行的var后面的那个单词。

                                                str += arr[num];

1. 最后在for循环的花括号外面，放入return空格str，这段代码的意思是（把值返回给那个井号。

                                                       return str;

1. 结尾再用个页面加载事件，这样显示的效果更明显，关键单词window.onload，等于function括号再花括号，花括号里面写我们所要执行的代码块。初始值跟上面一样的操作，等于getColor括号再分号然后获取script外面的div，document.getElementById括号双引号放入外面div的Id名，括号外一个点style点backgroundColor等于上一行的var后面的单词，最后在script外面放一个div给个Id就行了。

                        window.onload = function(){

                            ​​​​​​​        var ss = getColor();

                    ​​​​​​​        ​​​​​​​        document.getElementById("dv").style.backgroundColor = ss;

                                }

                                <div id="dv"></div>