javascript原生cookie

最新推荐文章于 2021-05-28 15:36:21 发布

转载最新推荐文章于 2021-05-28 15:36:21 发布 · 263 阅读

前端专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个简单的HTML页面结构，并通过JavaScript实现了按钮点击后的验证码生成功能。页面中包含了一个带有样式的div元素、一个按钮和一个用于显示验证码的div。点击按钮会触发一个函数，该函数负责生成随机验证码并将其展示在页面上。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div class="hello" id="divObj" style="width: 200px; height: 30px;border: 1px solid red;"><input id="fri" type="radio"/><span>今天星期五</span>
</div>
<div id="yanzheng" style="color: red;font-size: 20px;background: grey"></div>
<button id="btn" >dainji</button>
<script>
//    var divObj = document.getElementById('divObj');
////    alert(divObj.firstChild.setAttribute('checked', 'checked'))
//    var fri = document.getElementById('fri');
//    divObj.onclick = function() {
//        divObj.firstChild.nextSibling.setAttribute('title', 'checked');
//    }
//
//           var num1 = 1,
//                num2 = 2;
//    var max = (num1 > num2) ? 'zhengbia0' : 'wulkinglin';
//    alert(max);
//    function add(num, num3) {
//      sum = num + num3;
//        return sum;
//    }
//    var hello = add(10, 20);
//    alert(sum)
//    alert(hello)
//    var arr = [1,2,5,3,6,8,4,7]
//    function compare(v1 ,v2) {
//        return v2 - v1;
////        倒序
//    }
//    alert(arr.sort(compare));
//    var msg = 'hello world';
//    eval('alert(msg)');

var yanzheng = document.getElementById('yanzheng');
var btn = document.getElementById('btn');
btn.onclick =fun
     function fun() {
         var arr = ['a','b','c','d','e',1,2,3,4,5,6,7,8,9,0,'A','B','C','D','E','F','G'];
         var num = Math.floor(Math.random()*20 + 0);
         var num1 = Math.floor(Math.random()*20 + 0);
         var num2 = Math.floor(Math.random()*20 + 0);
         var num3 = Math.floor(Math.random()*20 + 0);
         yanzheng.innerHTML =''+ arr[num] +arr[num1] + arr[num2] + arr[num3];
    }
</script>
</body>
</html>