1. 根据url地址取出参数,并以对象的形式保存

https://landing.zhaopin.com/register?utm_source=360pcpz&utm_medium=cpt&utm_provider=partner‘;
保存的对象以下列方式呈现:
var urlObj={
utm_source: “360pcpz”,
utm_medium: “cpt”,
utm_provider: “partner”
}

  1. var urlStr = 'https://landing.zhaopin.com/register?utm_source=360pcpz&utm_medium=cpt&utm_provider=partner';
  2. var urlObj = {};
  3. urlStr = urlStr.split('?')[1]; //提取?号后面的数据
  4. urlStr = urlStr.split('&'); //以&分割数据
  5. for (var i = 0; i < urlStr.length; i++) { //遍历数组
  6. //分割=号,左边数据为对象属性,右边数据为对象属性值
  7. urlObj[urlStr[i].split('=')[0]] = urlStr[i].split('=')[1];
  8. };
  9. console.log(urlObj);

2.随机生成4位验证码,大写字母小写字母及数字可供随机选择(比如:nG3p)

  1. var str = '';
  2. for (var i = 48; i < 122; i++) {
  3. var num = Math.floor(Math.random() * 75) + 48; //随机数,Math.floor(Math.random() * max-min+1) + min
  4. if ((num > 65 && num < 90) || (num > 97 && num < 122) || (num > 48 && num < 57)) { //去除非大小写字母以及数字的字符
  5. str += String.fromCharCode(num);
  6. };
  7. };
  8. str = str.slice(0, 4); //选取4个
  9. console.log(str);

3.在html界面呈现倒计时时间(剩余时间:09天01时10分12秒)

  1. <h4>距离元旦还有<span class="days"></span><span class="hours"></span><span class="mius"></span>分钟<span class="seds"></span></h4>
  2. <script>
  3. var days = document.querySelector('.days');
  4. var hours = document.querySelector('.hours');
  5. var mius = document.querySelector('.mius');
  6. var seds = document.querySelector('.seds');
  7. var date2 = +new Date('2021-01-01'); //元旦
  8. setInterval(function() {
  9. var date1 = +new Date(); //当前时间
  10. var date3 = (date2 - date1) / 1000; //秒数差
  11. var day = parseInt(date3 / 60 / 60 / 24); //天数
  12. var hour = parseInt(date3 / 60 / 60 % 24); //小时
  13. var miu = parseInt(date3 / 60 % 60); //分钟
  14. var sed = parseInt(date3 % 60); //秒
  15. day = day < 10 ? ('0' + day) : day; //格式化
  16. hour = hour < 10 ? '0' + hour : hour;
  17. miu = miu < 10 ? '0' + miu : miu;
  18. sed = sed < 10 ? ('0' + sed) : sed;
  19. days.innerHTML = day;
  20. hours.innerHTML = hour;
  21. mius.innerHTML = miu;
  22. seds.innerHTML = sed;
  23. }, 1000)
  24. </script>

4.随机输入0-10之间的数,猜数字

  1. // Math.floor(Math.random() * (max - min + 1)) + min
  2. var num = Math.floor(Math.random() * (10 - 0 + 1)) + 0;
  3. var num2 = prompt('请输入一个数字,判断是否正确呀!');
  4. while (1) {
  5. if (num == Number(num2)) {
  6. alert('恭喜猜对啦!');
  7. break;
  8. } else {
  9. num2 = prompt('不正确呀,再猜一次吧!');
  10. };
  11. };

5.封装一个函数,将字符串 “hao-gu-ke-tang” 从第二个单词开始首字母大写,然后拼成字符串 miaoWeiKeTang,并返回。(注意:封装成一个函数)

  1. var str = 'hao-gu-ke-tang';
  2. function strUp(str) {
  3. str = str.split('-'); //数组
  4. for (var i = 1; i < str.length; i++) { //从第二个字母开始替换
  5. str[i] = str[i].replace(str[i].charAt(0), str[i].charAt(0).toUpperCase()); //第一字符替换为大写
  6. };
  7. return str.join(''); //字符串
  8. }
  9. strUp(str);
  10. console.log(strUp(str));