自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

前端：分享一些實(shí)用的JS代碼片段

作者：小明
開發(fā) 前端
JavaScript是世界上最流行的腳本語言，因?yàn)槟阍陔娔X、手機(jī)、平板上瀏覽的所有的網(wǎng)頁，以及無數(shù)基于HTML5的手機(jī)App，交互邏輯都是由JavaScript驅(qū)動的。

天給大家分享一些實(shí)用的JS代碼片段，有需要的朋友歡迎收藏!

[[432241]]

1、獲取瀏覽器的版

  1. function getBrowser() { 
  2.     var UserAgent = navigator.userAgent.toLowerCase(); 
  3.     var browserInfo = {}; 
  4.     var browserArray = { 
  5.         IE: window.ActiveXObject || "ActiveXObject" in window, // IE 
  6.         Chrome: UserAgent.indexOf('chrome') > -1 && UserAgent.indexOf('safari') > -1, // Chrome瀏覽器 
  7.         Firefox: UserAgent.indexOf('firefox') > -1, // 火狐瀏覽器 
  8.         Opera: UserAgent.indexOf('opera') > -1, // Opera瀏覽器 
  9.         Safari: UserAgent.indexOf('safari') > -1 && UserAgent.indexOf('chrome') == -1, // safari瀏覽器 
  10.         Edge: UserAgent.indexOf('edge') > -1, // Edge瀏覽器 
  11.         QQBrowser: /qqbrowser/.test(UserAgent), // qq瀏覽器 
  12.         WeixinBrowser: /MicroMessenger/i.test(UserAgent) // 微信瀏覽器 
  13.     }; 
  14.     // console.log(browserArray) 
  15.     for (var i in browserArray) { 
  16.         if (browserArray[i]) { 
  17.             var versions = ''; 
  18.             if (i == 'IE') { 
  19.                 versions = UserAgent.match(/(msie\s|trident.*rv:)([\w.]+)/)[2]; 
  20.             } else if (i == 'Chrome') { 
  21.                 for (var mt in navigator.mimeTypes) { 
  22.                     //檢測是否是360瀏覽器(測試只有pc端的360才起作用) 
  23.                     if (navigator.mimeTypes[mt]['type'] == 'application/360softmgrplugin') { 
  24.                         i = '360'; 
  25.                     } 
  26.                 } 
  27.                 versions = UserAgent.match(/chrome\/([\d.]+)/)[1]; 
  28.             } else if (i == 'Firefox') { 
  29.                 versions = UserAgent.match(/firefox\/([\d.]+)/)[1]; 
  30.             } else if (i == 'Opera') { 
  31.                 versions = UserAgent.match(/opera\/([\d.]+)/)[1]; 
  32.             } else if (i == 'Safari') { 
  33.                 versions = UserAgent.match(/version\/([\d.]+)/)[1]; 
  34.             } else if (i == 'Edge') { 
  35.                 versions = UserAgent.match(/edge\/([\d.]+)/)[1]; 
  36.             } else if (i == 'QQBrowser') { 
  37.                 versions = UserAgent.match(/qqbrowser\/([\d.]+)/)[1]; 
  38.             } 
  39.             browserInfo.type = i; 
  40.             browserInfo.versions = parseInt(versions); 
  41.         } 
  42.     } 
  43.     return browserInfo; 
  44. } 

2、顏色RGB轉(zhuǎn)十六進(jìn)制

  1. function colorRGBtoHex(color) { 
  2.     var rgb = color.split(','); 
  3.     var r = parseInt(rgb[0].split('(')[1]); 
  4.     var g = parseInt(rgb[1]); 
  5.     var b = parseInt(rgb[2].split(')')[0]); 
  6.     var hex = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1); 
  7.     return hex; 
  8. } 

3、禁止右鍵菜單代碼、禁止復(fù)制粘貼代碼

  1. < script type = "text/javascript" > 
  2. //屏蔽右鍵菜單 
  3. document.oncontextmenu = function(event) { 
  4.   if (window.event) { 
  5.     event = window.event; 
  6.   } 
  7.   try { 
  8.     var the = event.srcElement; 
  9.     if (! ((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { 
  10.       return false; 
  11.     } 
  12.     return true; 
  13.   } catch(e) { 
  14.     return false; 
  15.   } 
  16. } 
  17. //屏蔽粘貼 
  18. document.onpaste = function(event) { 
  19.   if (window.event) { 
  20.     event = window.event; 
  21.   } 
  22.   try { 
  23.     var the = event.srcElement; 
  24.     if (! ((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { 
  25.       return false; 
  26.     } 
  27.     return true; 
  28.   } catch(e) { 
  29.     return false; 
  30.   } 
  31. } 
  32. //屏蔽復(fù)制 
  33. document.oncopy = function(event) { 
  34.   if (window.event) { 
  35.     event = window.event; 
  36.   } 
  37.   try { 
  38.     var the = event.srcElement; 
  39.     if (! ((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { 
  40.       return false; 
  41.     } 
  42.     return true; 
  43.   } catch(e) { 
  44.     return false; 
  45.   } 
  46. } 
  47. //屏蔽剪切 
  48. document.oncut = function(event) { 
  49.   if (window.event) { 
  50.     event = window.event; 
  51.   } 
  52.   try { 
  53.     var the = event.srcElement; 
  54.     if (! ((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { 
  55.       return false; 
  56.     } 
  57.     return true; 
  58.   } catch(e) { 
  59.     return false; 
  60.   } 
  61. } 
  62. //屏蔽選中 
  63. document.onselectstart = function(event) { 
  64.   if (window.event) { 
  65.     event = window.event; 
  66.   } 
  67.   try { 
  68.     var the = event.srcElement; 
  69.     if (! ((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { 
  70.       return false; 
  71.     } 
  72.     return true; 
  73.   } catch(e) { 
  74.     return false; 
  75.   } 
  76. } < /script>/ 

4、檢查日期是否合法

  1. function CheckDateTime(str){ 
  2. var reg = /^(\d+)-(\d{1,2})-(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; 
  3. var r = str.match(reg); 
  4. if(r==null)return false; 
  5. r[2]=r[2]-1; 
  6. var d= new Date(r[1], r[2],r[3], r[4],r[5], r[6]); 
  7. if(d.getFullYear()!=r[1])return false; 
  8. if(d.getMonth()!=r[2])return false; 
  9. if(d.getDate()!=r[3])return false; 
  10. if(d.getHours()!=r[4])return false; 
  11. if(d.getMinutes()!=r[5])return false; 
  12. if(d.getSeconds()!=r[6])return false; 
  13. return true; 
  14. } 

5、英文字符串首字母大寫

  1. /** 
  2.  * 方法一：js字符串切割 
  3.  * @param {*} str  
  4.  */ 
  5. function firstToUpper1(str) { 
  6.     return str.trim().toLowerCase().replace(str[0], str[0].toUpperCase()); 
  7. } 
  8. /** 
  9.  * 方法二：js正則 
  10.  * @param {*} str  
  11.  */ 
  12. function firstToUpper2(str){ 
  13.     return str.replace(/\b(\w)(\w*)/g, function($0, $1, $2) { 
  14.         return $1.toUpperCase() + $2.toLowerCase(); 
  15.     }); 
  16. } 
  17. /** 
  18.  * 方法三：js正則 
  19.  * @param {*} str  
  20.  */ 
  21. function firstToUpper3(str){ 
  22.     return str.toLowerCase().replace(/( |^)[a-z]/g,(L)=>L.toUpperCase()); 
  23. } 

6、計算2個日期之間相差多少天

  1. function getDays(strDateStart,strDateEnd){ 
  2.    var strSeparator = "-"; //日期分隔符 
  3.    var oDate1; 
  4.    var oDate2; 
  5.    var iDays; 
  6.    oDate1= strDateStart.split(strSeparator); 
  7.    oDate2= strDateEnd.split(strSeparator); 
  8.  var strDateS = new Date(oDate1[0], oDate1[1]-1, oDate1[2]); 
  9.   var strDateE = new Date(oDate2[0], oDate2[1]-1, oDate2[2]); 
  10.    iDays = parseInt(Math.abs(strDateS - strDateE ) / 1000 / 60 / 60 /24)//把相差的毫秒數(shù)轉(zhuǎn)換為天數(shù) 
  11.    return iDays ; 
  12. } 

7、生成隨機(jī)十六進(jìn)制顏色

  1. function randomHexColor() { 
  2. //隨機(jī)生成十六進(jìn)制顏色 
  3.  var hex = Math.floor(Math.random() * 16777216).toString(16); 
  4. //生成ffffff以內(nèi)16進(jìn)制數(shù) 
  5.  while (hex.length < 6) { 
  6. //while循環(huán)判斷hex位數(shù)，少于6位前面加0湊夠6位  hex = '0' + hex; } 
  7.  return '#' + hex; //返回‘#'開頭16進(jìn)制顏色 
  8. } 

8、數(shù)組去重

  1. const removeDuplicates = (arr) => [...new Set(arr)];      
  2. console.log(removeDuplicates([1, 2, 3, 3, 4, 4, 5, 5, 6])); 
  3. // Result: [ 1, 2, 3, 4, 5, 6 ] 

9、從 URL 獲取查詢參數(shù)

  1. function getParameterByName(name, url) { 
  2.     if (!url) url = window.location.href; 
  3.     name = name.replace(/[\[\]]/g, "\\$&"); 
  4.     var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), 
  5.         results = regex.exec(url); 
  6.     if (!results) return null; 
  7.     if (!results[2]) return ''; 
  8.     return decodeURIComponent(results[2].replace(/\+/g, " ")); 
  9. } 

10、校驗(yàn)數(shù)字是奇數(shù)還是偶數(shù)

  1. const isEven = num => num % 2 === 0;      
  2. console.log(isEven(2));  
  3. // Result: True 

11、求數(shù)字的平均值

  1. const average = (...args) => args.reduce((a, b) => a + b) / args.length;      
  2. average(1, 2, 3, 4); 
  3. // Result: 2.5 

12、回到頂部

  1. function topFunction() { 
  2.  document.body.scrollTop = 0;  
  3.  document.documentElement.scrollTop = 0;  
  4.  } 

13、翻轉(zhuǎn)字符串

  1. // reverse 
  2. var name = "My city is WH"; 
  3.  
  4. var resultStr = name.split('').reverse().join(''); 
  5. console.log(resultStr);  // HW si ytic yM// charAt 
  6. var name = "My city is WuHan";  
  7. var nameArr = name.split('');  
  8. var resultStr = '';  
  9. for (var i = nameArr.length-1; i >= 0; i--) {     
  10.  resultStr += name.charAt(i);  
  11.  }  
  12.  console.log(resultStr); // naHuW si ytic yM 

14、校驗(yàn)數(shù)組是否為空

  1. const isNotEmpty = arr => Array.isArray(arr) && arr.length > 0;   
  2. isNotEmpty([1, 2, 3]); 
  3. // Result: true 

 

責(zé)任編輯：姜華 來源： IT技術(shù)分享社區(qū)
前端JavaScript編程
相關(guān)推薦

2011-07-07 10:35:53

htaccess

2018-05-10 15:35:03

前端代碼圖像

2011-07-14 10:07:19

PHP

2020-11-16 16:04:42

CSS設(shè)計代碼

2013-03-29 09:03:59

iOS實(shí)用小代碼iOS開發(fā)

2023-12-12 07:40:52

JavaScript面試題前端

2025-01-20 00:00:06

Vue開發(fā)工具庫

2022-05-17 16:56:33

開發(fā)工具前端

2021-10-13 07:48:23

Options模式編程

2013-04-07 10:40:55

前端框架前端

2024-03-11 15:08:26

Linux操作系統(tǒng)進(jìn)程

2010-11-02 14:11:15

SilverlightWPF微軟開發(fā)

2015-12-04 10:04:53

2017-09-20 15:07:32

數(shù)據(jù)庫SQL注入技巧分享

2021-04-09 10:26:43

Python編程技術(shù)

2016-09-12 17:19:51

JavaScriptArray操作技巧

2025-01-08 08:53:05

2015-11-02 09:25:07

jQuery代碼片段

2015-10-08 08:53:46

PHP代碼片段

2024-01-19 08:20:27

JavaScript編程語言箭頭函數(shù)
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號