絶対外せない実践JSカスタム関数100_Javascriptスキル-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

絶対外せない実践JSカスタム関数100_Javascriptスキル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:56 PM

1. ネイティブ JavaScript は文字列長インターセプトを実装します

コードをコピーしますコードは次のとおりです:

 function Cutstr(str, len) {
 var temp;
 var icount = 0;
 var patrn = /[^x00-xff]/;
 var strre = "";
 for (var i = 0; i  if (icount  temp = str.substr(i, 1);
 if ( pattern.exec(temp) == null) {
 icount = icount 1
 strre = temp
 } else {
 🎜> }
 }
 return strre "..." 
}

2. ドメイン名ホストを取得するネイティブ JavaScript

コードをコピー

コードは次のとおりですfunction getHost(url) { var host = "null";

if(typeof url == "unknown" || null == url) {

 url = window.location.href;
 }
 var regex = /^w ://([^/]*).*/;
 var match = url.match(regex);
 if(typeof match != "unknown" && null != match) {
 host = match[1];
 }
 return host;
}

3. JavaScript クリアスペース

コードをコピー

コードは次のとおりです:String.prototype.trim = function() { var reExtraSpace = /^s*(.*?)s $/;

return this.replace(reExtraSpace, "$1")

}

4. all 

とネイティブ JavaScript .prototype.replaceAll = function(s1, s2) {

return this.replace(new RegExp(s1, "gm"), s2 )}5. ネイティブ JavaScript エスケープ HTML タグ

コードをコピー

 コードは次のとおりです。

関数 HtmlEncode(text) {

テキストを返します。 replace(/&/g, '&').replace(/"/g, '"').replace(/< /g, '<').replace(/>/g, '>' )}6. ネイティブ JavaScript は HTML タグを復元します

コードをコピー

 コードは次のとおりです:

function HtmlDecode(text) {

return text.replace(/&/g, ' &').replace(/"/g, '"').replace(//g, '>')} 7. ネイティブ JavaScript の時刻と日付形式の変換

コードをコピーします

 コードは次のとおりです:

Date.prototype.Format = function(formatStr) {
 var str = formatStr;
 var Week = ['日', '一', '二', '三', '四', '五', '六'];
 str = str.replace(/yyyy|YYYY/, this.getFull Year());
 str = str.replace(/yy|YY/, (this .getyear() % 100) > 9 ? (this.getyear() % 100).toString() : '0' (this.getyear() % 100));
 str = str.replace(/MM) /, (this.getMonth() 1) > 9 ? (this.getMonth() 1).toString() : '0' (this.getMonth() 1));
 str = str.replace(/ M/g, (this.getMonth() 1));
 str = str.replace(/w|W/g, Week[this.getDay()]);
 str = str.replace(/ dd|DD/, this.getDate() > 9 ? this.getDate().toString() : '0' this.getDate());
 str = str.replace(/d|D/g, this.getDate());
 str = str.replace(/hh|HH/, this.getHours() > 9 ? this.getHours().toString() : '0' this.getHours()) ;
 str = str.replace(/h|H/g, this.getHours());
 str = str.replace(/mm/, this.getMinutes() > 9 ? this.getMinutes( ).toString() : '0' this.getMinutes());
 str = str.replace(/m/g, this.getMinutes());
 str = str.replace(/ss|SS /, this.getSeconds() > 9? this.getSeconds().toString() : '0' this.getSeconds());
 str = str.replace(/s|S/g, this.getSeconds());
 return str
}

8、原生JavaScriptが数字型であるかどうか判断します

复制代码代码如下:

function isDigit(value) {
 var patrn = /^[0-9]*$/;
 if (patrn.exec(value) == null || value == "") {
 return false
 } else {
 return true
 }
}

9、原生JavaScript设置cookie值

复制代代码如下:

function setCookie(name, value, hours) {
 var d = new Date();
 var offset = 8;
 var utc = d.getTime() (d.getTimezoneOffset() * 60000);
 var nd = utc (3600000 * offset);
 var exp = new Date(nd) ;
 exp.setTime(exp.getTime() 時間 * 60 * 60 * 1000);
 document.cookie = name "="scape(value) ";path=/;expires=" exp.toGMTString( ) ";domain=360doc.com;"
}

10、原生JavaScript获取cookie值

复制代代码如下:

function getCookie(name) {
 var arr = document.cookie.match(new RegExp("(^| )" name "=([^;]*)(;|$)"));
 if (arr != null) return unescape(arr[2]);
 return null
}

11、原生JavaScript導入收藏夹

复制代代码如下:

 function AddFavorite(sURL, sTitle) {
 try {
 window.external.addFavorite(sURL, sTitle)
 } catch(e) {
 try {
 window.sidebar.addPanel(sTitle , sURL, "")
 } catch(e) {
 alert("追加收藏失败，请使用Ctrl D进行追加")
 }
 }
}

12、原生JavaScript设は首页

复制代代码如下:

function setHomepage() {
 if (document.all) {
 document.body.style.behavior = 'url(#default#homepage)';
 document.body.setHomePage ('http://www.jq-school.com')
 } else if (window.sidebar) {
 .enablePrivilege("UniversalXPConnect")
 } catch(e) {
 alert (「この操作はブラウザによって拒否されました。この機能を有効にする場合は、アドレス バーに about:config と入力して、項目に署名してください。applets.codebase_principal_support の値は true である必要があります。」)
コードベース 
 prefs.setCharPref('browser.startup.homepage', 'http://www.jq-school.com')
 }
}

13. ネイティブ JavaScript が IE6 を決定します

コードをコピー

コードは次のとおりです。var ua = navigator.userAgent.toLowerCase(); var isIE6 = ua.indexOf("msie 6") > -1;

if (isIE6) {

 try {
 document.execCommand("BackgroundImageCache", false, true)
 } catch(e) {}
}

14. ネイティブ JavaScript 読み込みスタイル ファイル

コードをコピー

コードは次のとおりです:function LoadStyle(url) { try {

document.createStyleSheet(url)

 } catch(e) {
 var cssLink = document .createElement( 'link');
 cssLink.rel = 'stylesheet';
 cssLink.type = 'text/css';
 cssLink.href = url;
 var head = document.getElementsByTagName ('head ')[0];
 head.appendChild(cssLink)
 }
}

15. ネイティブ JavaScript はスクリプト コンテンツを返します

コードをコピー

コードは次のとおりです:function evalscript(s) { if(s.indexOf(' var p = /]*?>([^x00]*?)/ig;

 var arr = [];
 while(arr = p.exec(s)) {
 var p1 = /]*?src="([^>]*?)"[^ >]*?( reload="1")?(?:charset="([w-] ?)")?>/i;
 var arr1 = [];
 arr1 = p1.exec (arr[0]);
 if(arr1) {
 appendscript(arr1[1], '', arr1[2], arr1[3]);
 } else {
 p1 = /<script>([^x00] ?)</script>/i;
 arr1 = p1.exec(arr[0]);
 appendscript('', arr1 [2], arr1[1].indexOf('reload=') != -1);
 }
 }
 return s;
}

16. ネイティブ JavaScript スクリプトの内容をクリアします

コードをコピーします

コードは次のとおりです: functionstripscript(s) { return s.replace(/.*?/ig, '');

}

17.ネイティブ JavaScript はスクリプト ファイルを動的に読み込みます
 

コードをコピー

コードは次のとおりです:

function appendscript(src, text, reload, charset) {
var id = hash(src text);
if(!reload && in_array(id, evalscripts)) return;
if(reload && $(id)) {
$(id).parentNode.removeChild($(id));
}

evalscripts.push(id);
var scriptNode = document.createElement("script");
scriptNode.type = "text/javascript";
scriptNode.id = id;
scriptNode.charset = 文字セット ? charset : (BROWSER.firefox ? document.characterSet : document.charset);
try {
if(src) {
scriptNode.src = src;
scriptNode. = false;
scriptNode.onload = function () {
scriptNode. = true;
JSLOADED[src] = 1;
};
scriptNode.onreadystatechange = function () {
if((scriptNode.readyState == 'loaded' || scriptNode.readyState == 'complete') && !scriptNode. {
scriptNode. = true;
JSLOADED[src] = 1;
}
} else if(text){
スクリプトノード.text = text;
}
document.getElementsByTagName('head')[0].appendChild(scriptNode);
} catch(e) {}
}

18 、原生JavaScriptが返す按ID検索の元素对オブジェクト

复制代码代码如下:

function $ (id) {
 return !id ? null : document.getElementById(id);
}

19、原生JavaScript返浏览器版本内容

复制代代码如下:

function browserVersion(types) {
 var other = 1;
 for(i in types) {
 var v = タイプ[i] ? タイプ[i] : i;
 if(USERAGENT.indexOf(v) != -1) {
 var re = new RegExp(v '(\/ |\s)([\d\.] )', 'ig');
 varmatches = re.exec(USERAGENT);
 var ver =matches != nullmatches[2] : 0; 
 other = ver !== 0 && v != 'mozilla' ? 0 : other;
 }else {
 var ver = 0;
 }
 eval('BROWSER.' i '= ver');
 }
 BROWSER.other = other ;
}

20、原生JavaScript元素表示の一般的なメソッド

复制代码代码如下:

function $(id) {
 return !id ? null : document.getElementById(id);
}
function display(id) {
 var obj = $(id);
 if(obj.style.visibility) {
 obj. style.visibility = obj.style.visibility == '可視' ? 'hidden' : 'visible';
 } else {
 obj.style.display = obj.style.display == '' ? 'none' : '';
 }
}

21、原生JavaScript中有insertBeforeメソッド、可哀想破没有insertAfterメソッド?用例下関数实现

复制代码代码如下:

function insertAfter(newChild,refChild){
 var parElem=refChild.parentNode;
 if (parElem.lastChild==refChild){
 refChild.appendChild(newChild);
 }else{
 parElem.insertBefore(newChild,refChild.nextSibling);
 }
}
 

22、原生JavaScript中兼容浏览器绑定元素イベント

复制代码代码如下:

r.collapse(true); r.select();}24. ネイティブ JavaScript は URL リンクが有効かどうかをチェックします

コードをコピーします

 コードは次のとおりです:

function getUrlState(URL){

var xmlhttp = new ActiveXObject("microsoft.xmlhttp") ;
xmlhttp.Open("GET",URL, false);
try{

xmlhttp.Send(); }catch(e){ }finally{ var result = xmlhttp.responseText; if(result){ if(xmlhttp.Status ==200){ return(true);

}else{

 return(false);
 }
 }else{
 return(false);
 }
 }
}

25. ネイティブ JavaScript 書式設定 CSS スタイル コード

コードをコピーします

 コードは次のとおりです。次のように:

function formatCss(s){//フォーマット コード

s = s. replace(/s*([{}:;,])s*/g, "$1 ");
s = s.replace(/;s*;/g, ";"); //連続するセミコロンをクリア
s = s.replace(/,[s.#d]*{/ g, "{");

s = s.replace(/([^s]){([^s ])/g, "$1 {nt$2"); s = s.replace( /([^s])}([^n]*)/g, "$1n}n$2"); s = s.replace(/([^s]);([^s}] )/g, "$1;nt$2"); return s;} 26. ネイティブ JavaScript 圧縮 CSS スタイルコード

コードをコピー 

 コードは次のとおりです: 

function yasuoCss (s ) {//圧縮コード

s = s.replace(//*( .|n)*?*//g, ""); //コメントを削除
s = s.replace(/s* ([{}:;,])s*/g, "$1");
s = s.replace(/,[s.#d]*{/g, "{"); //フォールトトレランス処理

s = s.replace(/;s*;/g, " ;"); //連続するセミコロンを削除します s = s.match(/^s*(S (s S )*)s *$/); //先頭と末尾の空白を削除します return (s == null) "" : s[1];}27. ネイティブ JavaScript で現在のパスを取得します

コードをコピーします🎜>

 コードは次のとおりです。


var currentPageUrl = "";
if (typeof this.href = == "unknown") {
 currentPageUrl = document.location.toString().toLowerCase();

}
else {
currentPageUrl = this.href.toString().toLowerCase();

28ネイティブ JavaScript IP を整数に変換しますコードをコピーします

 コードは次のとおりです:
 

function _ip2int (ip){
 var num = 0;
 ip = ip.split(".");
 num = Number(ip[0]) * 256 * 256 * 256 Number(ip[1] ) * 256 * 256 Number(ip[2]) * 256 Number(ip[3]);

num = num >> 0;
return
}

29. ネイティブ JavaScript 整数は IP アドレスに解析されますコードをコピーします

 コードは次のとおりです:

 
function _int2iP(num){
 var str;
 var tt = new Array();
 tt[0] = (num >>> 24) > ;>> 0;

tt[1] = ((num > 24) >>> 0;
tt[2] = (num tt[3] = (num str = String(tt[0]) "." tt[1]) "." String(tt[2]) "." String(tt[3]); return str;}
30. ネイティブ JavaScript はチェックボックスの選択とすべての選択解除を実装します

コードをコピーコードは次のとおりです:

 
function checkAll() {
 var selectall = document.getElementById("selectall");
 var allbox = document.getElementsByName("allbox");
 if (selectall.checked) {
 for (var i = 0; i  allbox[i].checked = true;
 }
 } else {
 for (var i = 0) ; i 
 allbox.length; i ) {
 allbox[i].checked = false;
 }

注: モバイルの章 (31~40)

31. デバイスがモバイルかどうかはネイティブ JavaScript によって決まります

コードをコピーしますコードは次のとおりです:

function isMobile(){
 if (typeof this._isMobile === 'boolean'){
 return this._isMobile;
 }
 var screenWidth = this.getScreenWidth();
 var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
 var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() === "new") ;
 If (! FixViewPortsexperiment) {
 if (! This.ISAppleMobileDevice ()) {
 Screenwidth = Screenwidth/Window.devicePixelratio; > Var ismobileScreensize = Screenwidth & LT; false;
 this._isMobile = isMobileScreenSize && this.isTouchScreen();
 return this._isMobile;
}

32. ネイティブ JavaScript がモバイル デバイスが 

 にアクセスするかどうかを決定します。 

コードをコピー

コードは次のとおりです。function isMobileUserAgent(){ return (/iphone |ipod| android.*mobile|windows.*phone|blackberry.*mobile/i.test(window.navigator.userAgent.toLowerCase()));}

33. ネイティブ JavaScript が Apple モバイル デバイスかどうかを決定します。 access

コードをコピー

コードは次のとおりです:function isAppleMobileDevice(){ return (/iphone|ipod|ipad|Macintosh/i.test(navigator.userAgent.toLowerCase()));}

34. ネイティブ JavaScript が Android モバイルデバイスが

コードをコピー

コードは次のとおりです:function isAndroidMobileDevice(){ return (/android/i .test( navigator.userAgent.toLowerCase()));}

35. ネイティブ JavaScript が画面がタッチされたかどうかを判断します

コードをコピー

コードは次のとおりです:function isTouchScreen(){ return (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch );}

36. Android で Google Chrome が実行されているかどうかを判断するネイティブ JavaScript

コードをコピーします

コードは次のとおりです:function isNewChromeOnAndroid(){ if(this.isAndroidMobileDevice()){ var userAgent = navigator.userAgent.toLowerCase(); if((/chrome/i.test(userAgent ))){

var Parts = userAgent.split('chrome/');

var fullVersionString = Parts[1].split(" ")[0];
var versionString = fullVersionString.split('.')[0];
var version = parseInt(versionString);

if(version >= 27){ return true;

}
}
}

return false;

}

37. ネイティブ JavaScriptウィンドウを開くかどうかを決定します

コードをコピーします

コードは次のとおりです:

function isViewportOpen() {
 return !!document.getElementById('wixMobileViewport');
}

38. ネイティブ JavaScript はモバイルデバイスの初期化サイズを取得します

コードをコピーコードは次のとおりです。

function getInitZoom(){
 if(!this. _initZoom){
 var screenWidth = Math.min(screen.height, screen.width);
 if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
 screenWidth = screenWidth/ウィンドウ。 devicePixelRatio;
 }
 this._initZoom = screenWidth /document.body.offsetWidth;
 }
 return this._initZoom;
}

39 を取得します。モバイルデバイスの最大サイズ

コードをコピーコードは次のとおりです:

function getZoom() {
 var screenWidth = (Math .abs(window.orientation) === 90) ? Math.max(screen.height, screen.width) : Math.min(screen.height, screen.width);
 if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
 screenWidth = screenWidth/window.devicePixelRatio;
 }
 var FixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || ;
 var FixViewPortsExperimentRunning = FixViewPort sExperiment && (FixViewPortsExperiment === "New" || FixViewPortsExperiment === "new");
 if(FixViewPortsExperimentRunning){
 return screenWidth / window.innerWidth;
 }else{
 return screenWidth / document .body.offsetWidth;
 }
}

40. モバイルデバイスの画面幅を取得するネイティブ JavaScript

コードをコピーコードは次のとおりです。

function getScreenWidth(){
 var smallSide = Math.min(screen.width, screen.height);
 var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
 var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() === "new");
 if (fixViewPortsExperiment){
 if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
 SmallSide = SmallSide/window.devicePixelRatio;
 }
 }
 return SmallSide;
}

41. ネイティブ JavaScript が URL

のコードをコピーするかどうかを完全に決定します。コードは次のとおりです。 :

function IsURL(strUrl) {
 var Regular = /^b(((https?|ftp)://)?[-a-z0-9] (.[- a-z0-9] )*.(?:com|edu|gov|int| mil|net|org|biz|info|name|museum|asia|coop|aero|[a-z][a-z]|((25 [0-5])|(2[0-4]d)|(1dd) |([1-9]d)|d))b(/[-a-z0-9_:@&?= ,. !/~%$]*)?)$/i
 if (normal.test(strUrl)) {
 オブジェクト

コードをコピー

コードは次のとおりです:

function getElementsByClassName(name) {
 var tags = document.getElementsByTagName('*') || document.all;
 var els = [];
 for (var i = 0) ; i < tags.length i ) {
 if (tags[i].className) {
 var cs = tags[i].className.split(' ');
 for (var j = 0; cs.length j ) {
 >
 🎜>コードをコピー


 コードは次のとおりです:


文字列。 44. ネイティブ JavaScript は、特定の文字列 

で終わるかどうかを判断します。

コードをコピーコードは次のとおりです: String.prototype.endWith = function (s) {

var d = this.length - s.length;

 return (d >= 0 && this.lastIndexOf(s ) == d)
}

45 のバージョン番号を返します。 IE ブラウザ 

コードをコピーコードは次のとおりです:

function getIE(){

 if (window.ActiveXObject){
 var v = navigator.userAgent.match(/MSIE ([^;] )/ )[1];
 return parseFloat(v.substring(0, v.indexOf( ".")))
 }
 return false

}

46. ネイティブ JavaScript ページの高さの取得

コードをコピー

コードは次のとおりです。

function getPageHeight(){
 var g = document, a = g.body, f = g.documentElement, d = g.compatMode == "BackCompat"
 ? a
 : g.documentElement;
 return Math.max(f.scrollHeight , a.scrollHeight, d.clientHeight);
}

47. ネイティブ JavaScript はページを取得します。scrollLeft

コードをコピーしますコードは次のとおりです:

 >function getPageScrollLeft(){
 var a = document;
 return a.documentElement.scrollLeft || a.body.scrollLeft;
}

48.ページの

コードをコピーしますコードは次のとおりです:

function getPageViewWidth(){ 
 var d = document, a = d.compatMode == "BackCompat"
 ? d.body
 : d.documentElement;

return a.clientWidth;
}

49. ページ幅を取得するネイティブ JavaScriptコードをコピーします

 コードは次のとおりです:

 
function getPageWidth(){
 var g = document, a = g.body, f = g.documentElement, d = g.compatMode == "BackCompat"
 a
 : g.documentElement ; 

return Math.max(f.scrollWidth, a.scrollWidth, d.clientWidth);
}

50。ネイティブ JavaScript はページscrollTopコードをコピー

コードは次のとおりです:

function getPageScrollTop(){
 var a = document;
 return a.documentElement.scrollTop || a.body.scrollTop;
}

61. offsetX の互換性の問題を解決します

コードをコピーしますコードは次のとおりです:

// Firefox offsetX はサポートされていません /Y
function getOffset(e){
var target = e.target, // 現在トリガーされたターゲットオブジェクト
eventCoord,
pageCoord,
offsetCoord;

// 現在のトリガー要素からドキュメントまでの距離を計算します
pageCoord = getPageCoord(target);

// カーソルからドキュメントまでの距離を計算します
eventCoord = {

// 最初に配置された親要素までのカーソルの座標を減算して取得します。
offsetCoord = {

X :eventCoord.X - pageCoord.X,

Y :eventCoord.Y - pageCoord.Y
};
return offsetCoord;
}

function getPageCoord(element){
var coord = { offsetLeft または offsetTop の値の合計

while (element){

coord.X = element.offsetLeft;
coord.Y = element .offsetTop;
element = element.offsetParent;
}
return coord;
}

62. ネイティブ JavaScript で一般的に使用される正規表現

コードをコピー

コードは次のとおりです: //正の整数/^[0-9]*[1- 9][0-9]*$/;//負の整数

/^-[0-9]*[1-9][0-9]*$/;

//正浮動小数点数
/^(([0-9] .[0-9] *[1-9][0-9]*)|([0-9]*[1-9][0- 9]*.[0-9] )|([0-9]*[1- 9][0-9]*))$/;
//負の浮動小数点数
/^(- (([0-9] .[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*.[0-9] ] )|([0-9]*[1-9][0-9]*) ))$/;
//浮動小数点数
/^(-?d )(.d )? $/;
//メールアドレス
/^[w-] (.[w -] )*@[w-] (.[w-] ) $/;
//URL アドレス
/^[a-zA-z] ://(w (-w )*)( .(w (-w )*))*(?S*)?$/;
//年/月/日 (年-月-日、年.月.日)
/^(19 |20)dd[- /.](0[1-9]|1[012])[- /.] (0[1-9]|[12][0-9]|3[01])$ /;
//中国語の文字と一致
/[u4e00-u9fa5]/;
//かどうか一致するアカウントは合法です (文字で始まり、5 ～ 10 バイトが許可され、英数字のアンダースコアが許可されます)
/ ^[a-zA-Z][a-zA-Z0-9_]{4,9}$/; 
//空白行に一致する正規表現
/ns*r/;
/ /中国の郵便番号に一致
/[1-9]d{5}(?!d)/;
//ID カードと一致
/d{15}|d{18}/;
//国内電話番号と一致
/(d{3}-|d{4}-)?(d {8}|d{7})?/;
//IP アドレスと一致
 /((2[0-4]d|25[0-5]|[01]?dd?).) {3}(2[0-4]d|25[0-5]|[01]? dd?)/;
//先頭および末尾の空白文字に一致する正規表現
/^s*|s *$/;
//HTML タグに一致する正規表現
< (S *?)[^>]*>.*?|<;

63. ネイティブ JavaScript は先頭に戻る一般的なメソッドを実装します

コードをコピー

コードは次のとおりです:function backTop(btnId) { var btn = document.getElementById(btnId); var d = document.documentElement;

var b = document.body;

 window.onscroll = set;
 btn.style.display = "none";
 btn.onclick = function() { 
 btn.style.display = "none";
 window.onscroll = null;
 this.timer = setInterval(function() {
 d.scrollTop -= Math.ceil((d.scrollTop b.scrollTop) * 0.1);
 b.scrollTop -= Math.ceil((d .scrollTop b.scrollTop) * 0.1);
 if ((d.​​scrollTop b.scrollTop) == 0) clearInterval(btn.timer, window.onscroll = set);
 },
 10) ;
 };
 function set() {
 btn.style.display = (d.scrollTop b.scrollTop > 100) 'block': "none"
 }
} ;
backTop('goTop');

64. ネイティブ JavaScript は URL 

コードをコピー
< で GET パラメーター値を取得します。 🎜>

コードは次のとおりです:

// 使用法: アドレスが test.htm?t1=1&t2=2&t3=3 の場合、次を取得できます: GET["t1"]、GET["t2"]、GET["t3" ]
function get_get(){
 querystr = window.location.href.split("?")
 if(querystr[1]){
 GETs = querystr[1].split(" &" )
 GET =new Array()
 for(i=0;i tmp_arr = GETs[i].split("=")
 キー=tmp_arr [0]
 GET[key] = tmp_arr[1]
 }
 }
 return querystr[1];
}

65 ネイティブ JavaScript はユニバーサルを実装します。すべての選択メソッド

コードをコピーコードは次のとおりです。

function checkall(form, prefix, checkall) {
 var checkall = checkall ? checkall : 'chkall';
 for(var i = 0; i  var e = form.elements [i];
 if(e.type=="checkbox"){
 e.checked = form.elements[checkall].checked;
 }
 }
}

66. ネイティブ JavaScript は、すべての選択を解除する共通メソッドを実装します

コードをコピーしますコードは次のとおりです:

function uncheckAll(form) {
 for (var i=0;i var e = form.elements[i];
 if ( e.name != 'chkall')
 e.checked=!e.checked;
 }
}

67. ネイティブ JavaScript は、フォームを開くための共通メソッドを実装します

コードをコピーコードは次のとおりです。

function openWindow(url,windowName,width,height){ 
 var x = parseInt(screen.width / 2.0) - (width / 2.0);
 var y = parseInt(screen.height / 2.0) - (height / 2.0);
 var isMSIE= (ナビゲーター) .appName == "Microsoft Internet Explorer");
 if (isMSIE) {
 var p = "resizable=1,location=no,scrollbars=no,width=";
 p = p width; 
 p = p ",height=";
 p = p 高さ;
 p = p ",left=";
 p = p x;
 p = p ",top=" ;
 p = p y;
 retval = window .open(url, windowName, p);
 } else {
 var win = window.open(url, "ZyiisPopup", "top=" y ",left=" x ",scrollbars=" スクロールバー " ,dialog=yes,modal=yes,width=" width ",height=" height ",resizable=no" );
 eval("try { win .resizeTo(width, height); } catch(e) { }");
 win.focus();
 }
}

68. ネイティブ JavaScript が、クライアントデバイス

コードをコピーコードは次のとおりです:

function client(o){
 var b = navigator.userAgent.toLowerCase();
 var t = false;
 if (o == 'isOP'){
 t = b.indexOf('opera') > - 1;
 }
 if (o == 'isIE') {
 t = b.indexOf('msie') > -1;
 }
 if (o == ' isFF'){
 t = b.indexOf('firefox') > ; -1;
 }
 return t;
}

69 の値を取得します。ラジオボタン

コードをコピーコードは次のとおりです。

function get_radio_value(field){ 
 if(field&&field.length){
 for(var i=0;i< field.length;i ){
 if(field[i].checked){
 return field[i] .value;
 }
 }
 }else {
 return 
 }
}

70. ネイティブ JavaScript でチェックボックスの値を取得します

コードをコピーしますコードは次のとおりです:

function get_checkbox_value(field){
 if(field&&field.length){
 for(var i=0;i if(field[i] .checked && !field [i].disabled){
 return field[i].value; >(71~80) 検証 この記事では、電子メール、危険な文字、検証長など、よく使用される 10 のフォーム検証機能について主に説明します。 、検証 URL、小数、整数、浮動小数点数の検証、およびその他の一般的に使用される検証を行うこれらのコード スニペットを使用すると、通常のフォーム検証に jquery 検証プラグインが必要なくなります。これが皆さんのお役に立てれば幸いです。 。 。 
71. ネイティブ JavaScript が電子メール アドレスであるかどうかを判断します




コードをコピーします

コードは次のとおりです:

function isEmail(str){ var re=/^w ((-w )|(.w ))*@[A-Za-z0-9] ((.|-)[ A-Za-z0-9 ] )*.[A-Za-z0-9] $/; if (re.test(str) != true) { return false; }else { return true; }

}

72. ネイティブ JavaScript がリストに危険な文字があるかどうかを判断します

 code

コードは次のとおりです。

function isValidReg(chars){ var re=/<|>|[|]|{| }|『|』|※|○|●|◎|§|△|▲|☆|★|◇|◆|□|▼|㊣|﹋|⊕|⊙|〒|ㄅ|ㄆ|ㄇ|ㄈ| ㄉ|ㄊ|ㄋ|ㄌ|ㄍ|ㄎ|ㄏ|ㄐ|ㄑ|ㄒ|ㄓ|ㄔ|ㄕ|ㄖ|ㄗ|ㄘ|ㄙ|ㄚ|ㄛ|ㄜ|ㄝ|ㄞ|ㄟ|ㄢ|ㄣ| ㄤ|ㄥ|ㄦ|ㄧ|ㄨ|ㄩ |■|▄|▆|*|@|#|^|\/; if (re.test( chars) == true) { return false ; }else{ return true; }

}

73. ネイティブ JavaScript は、文字列が指定された長さより大きいかどうかを判断します

コードをコピーします

コードは次のとおりです。

function isValidLength(chars, len) { if (chars.length < len) { return false; } return true;}

74. ネイティブ JavaScript は、URL

 では文字列の大文字と小文字が区別されないと判断します。 

コードをコピー

コードは次のとおりです:

function isValidURL( chars ) { var re=/^( [hH][tT]{2}[pP]://|[hH][tT]{2}[pP][sS]://)(S .S )$/; if (!isNULL (chars)) { chars = jsTrim(chars); if ( chars.match(re) == null) return false; else

return true;

 } 
 return false;
}

 75. ネイティブ JavaScript 文字列が 10 進数であるかどうかを判断します

コードをコピー

コードは次のとおりです。

function isValidDecimal( chars ) { var re=/^d*.?d{1,2}$/; if ( chars.match(re) == null) return false; else return true;}

76. ネイティブ JavaScript は文字列が整数であるかどうかを判断します
 
コードをコピー

コードは次のとおりです。

function isNumber( chars ) { var re= /^d*$/; if (chars.match(re) == null) return false; else return true;}

77.ネイティブ JavaScript は、文字列が浮動小数点数であるかどうかを判断します

コードをコピー

コードは次のとおりです:

function isFloat( str ) {
 for(i=0;i if ((str.charAt(i)<"0" || str .charAt(i)>"9")&& str.charAt(i) != '.'){
 return false;
 }
 }
 return true;
}

78. ネイティブ JavaScript は、文字が A-Za-z の英字であるかどうかを判断します

コードをコピーしますコードは次のとおりです。次のように:

function isLetters( str ){
 var re=/^[A-Za-z] $/;
 if (str.match(re) == null )
 return false;
 else
 return true;
}

79. ネイティブ JavaScript は、文字列が郵便番号であるかどうかを判断します

コードをコピーしますコードは次のとおりです:

function isValidPost( chars ) {
 var re=/^d{6}$/ ;
 if (chars.match (re) == null)
 return false;
 else
 return true;
}

80. ネイティブ JavaScript は、文字がは空です NULL

コードをコピーしますコードは次のとおりです。

function isNULL( chars ) { 
 if (chars == null)
 return true;
 if (jsTrim(chars).length==0)
 return true;
 return false;
}

81. ネイティブ JavaScript は正規表現を使用してページコードを抽出します。

コードをコピーします。コードは次のとおりです。 🎜>

var aa = document.documentElement.outerHTML.match(/(url(|src=|href=)["']*([^"'()<>[] ] ) ["')]*|(http://[w-.] [^"'()<>[] ] )/ig).join("rn").replace(/^(src=| href=|url()["']*|["'> ) ]*$/igm,"");
alert(aa);

82.同じ配列をクリアします (効率が低い)

コードをコピーコードは次のとおりです:

配列.prototype.unique=function(){
 return this.reverse().join (",").match(/([^,] )(?!.*1)/ig).reverse(); 
}

83. ネイティブ JavaScript は正規表現を使用して同じ配列をクリアします (高効率)

コードコードは次のとおりです:

String.prototype.unique= function(){
 var x=this.split(/[rn] /);
 var y ='';
 for(var i=0;i if(!new RegExp("^" x[i].replace(/([^w])/ ig,"\$1") "$","igm").test(y)){
 y =x[i] "rn"
 }
 }
 return y
 }

84. ネイティブ JavaScript は正規表現を使用してアルファベット順に並べ替え、各行を配列します。 Sort

コードをコピーは次のとおりです:

function SetSort(){
 var text= K1.value.split(/[rn]/).sort().join("rn");// Order
 var test=K1.value.split(/[rn]/).sort(). reverse().join("rn");// 逆順
 K1.value=K1.value! =text?text:test;
}

85. ネイティブ JavaScript 文字列のシーケンスを反転します

コードをコピーしますコードは次のとおりです。

function IsReverse(text){
 return text .split('').reverse().join('');
}
 

86. ネイティブ JavaScript は正規表現を使用して HTML コード内のスクリプトをクリアします

コードをコピーしますコードは次のとおりです:

function clear_script(){
K1.value=K1.value.replace(/< script.*?>[sS]*?|s on[a- zA-Z]{3,16}s?=s?"[sS]*?"|s on[a-zA -Z]{3,16}s?=s?'[sS]*?'|s on[a-zA-Z]{3,16}s?=[^ >] /ig,"");
87. ネイティブ JavaScript は JavaScript スクリプトを動的に実行します

コードをコピーしますコードは次のとおりです:

function javascript(){
 try{
 eval(K1.value);
 }catch(e){
alert(e.message);
 }
}

88. ネイティブ JavaScript は VBScript スクリプトを動的に実行します

コードをコピーしますコードは次のとおりです:

function vbscript (){
 try{
 var script=document.getElementById("K1").value;
 if(script.trim()=="")return;
 window.execScript(' On Error Resume Next n' script 'n If Err.Number<>0 then n MsgBox "正しい VBScript スクリプトを入力してください!",48,"スクリプト エラー!" n End If',"vbscript ")
 } catch(e){
alert(e.message);
 }
}

89. ネイティブ JavaScript は金額大文字変換関数

コードをコピーコードは次のとおりです:

符合中文字元的正規表示式： [u4e00-u9fa5]
符合雙位元組字元（包括漢字在內）：[^x00-xff]
符合空白行的正規表示式：
[s| ]*r
符合HTML 標記的正規表示式：.*1>|
符合首尾空格的正規表示式：(^ s*)|(s*$)
符合IP 位址的正規表示式：/(d ).(d ).(d ).(d )/g
符合Email 位址的正規表示式：w ([- .]w )*@w ([-.]w )*.w ([-.]w )*
符合網址URL 的正規表示式：http://(/[w-] . ) [w-] (/[w- ./?%&=]*)?
sql 語句：^(select|drop|delete|create|update|insert).*$
非負整數： ^d $
正整數：^[0-9]*[1-9][0-9]*$
非正整數：^((-d )|(0 ))$
負整數：^-[0-9]*[1-9][0-9]*$
整數：^-?d $
非負浮點數：^d (.d )?$
正浮點數：^((0-9) .[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9] *.[0-9] )|([0-9]*[1-9][0-9]*))$
非正浮點數：^((-d .d )?)|( 0 (.0 )?))$
英文字串：^[A-Za-z] $
英文大寫字串：^[A-Z] $
英文小寫字串：^[a-z] $
英文字元數字串：^[A-Za-z0-9] $
英數字加底線串：^w $
E-mail地址：^[w-] (.[w-] ) *@[w-] (.[w-] ) $
URL：^[a-zA-Z] ://(w (-w )*)(.(w (-w )*))* (?s*)?$ 或：^http://[A-Za-z0-9] .[A-Za-z0-9] [/=?%-&_~`@[]': !]* ([^""])*$
郵遞區號：^[1-9]d{5}$
電話號碼：^(((d{2,3}))|(d{ 3}-))?((0d{2,3})|0d{2,3}-)?[1-9]d{6,7}(-d{1,4})?$
手機號碼：^(((d{2,3}))|(d{3}-))?13d{9}$
雙位元組字元（含漢字在內）：^x00-xff
符合首尾空格：(^s*)|(s*$)
符合HTML 標記：.*1>|
符合空白行：
[s| ]*r
擷取訊息中的網路連結：(h|H)(r|R)(e|E)(f|F) *= *('|")?(w|\| /|.) ('|"| *|>)?
提取資訊中的郵件地址：w ([- .]w )*@w ([-.]w )*.w ([-.] w )*
提取資訊中的圖片連結：(s|S)(r|R)(c|C) *= *('|")?(w|\|/|.) ('|" | *|>)?
提取資訊中的IP 位址：(d ).(d ).(d ).(d )
提取資訊中的中國手機號碼：(86)*0*13d{ 9}
擷取資訊中的中國固定電話號碼：((d{3,4})|d{3,4}-|s)?d{8}
擷取資訊中的中國電話號碼（包括行動和固定電話）：((d{3,4})|d{3,4}-|s)?d{7,14}
提取資訊中的中國郵遞區號：[1-9] {1}(d ){5}
提取資訊中的浮點數（即小數）：(-?d*).?d 
提取資訊中的任何數字：(-?d*)(. d )?
IP：(d ).(d ).(d ).(d )
電話區號：^0d{2,3}$
騰訊QQ 號：^[1-9] *[1-9][0-9]*$
帳號（字母開頭，允許5-16 字節，允許字母數字下劃線）：^[a-zA-Z][a-zA-Z0-9_ ]{4,15}$

中文、英文、數位及底線：^[u4e00-u9fa5_a-zA-Z0-9] $
91、原生JavaScript實作視窗改變事件resize的操作（相容所以的瀏覽器）

複製程式碼程式碼如下:

(function(){
  var fn = function(){
    var w = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth
  end(document.body )
      ,classname = b.className

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7529

CakePHP チュートリアル

1378

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

NYTの接続はヒントと回答です

Related knowledge

独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか？ Mar 18, 2025 pm 03:12 PM

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか？ Mar 18, 2025 pm 03:14 PM

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか？ Apr 04, 2025 pm 02:42 PM

フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

ブラウザ開発者ツールを使用してJavaScriptコードを効果的にデバッグするにはどうすればよいですか？ Mar 18, 2025 pm 03:16 PM

この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。

誰がより多くのPythonまたはJavaScriptを支払われますか？ Apr 04, 2025 am 12:09 AM

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

ソースマップを使用して、マイナイドJavaScriptコードをデバッグするにはどうすればよいですか？ Mar 18, 2025 pm 03:17 PM

この記事では、ソースマップを使用して、元のコードにマッピングすることにより、Minified JavaScriptをデバッグする方法について説明します。ソースマップの有効化、ブレークポイントの設定、Chrome DevtoolsやWebpackなどのツールの使用について説明します。

Console.log出力の違い結果：なぜ2つの呼び出しが異なるのですか？ Apr 04, 2025 pm 05:12 PM

Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �...

初心者向けのタイプスクリプト、パート2：基本データ型 Mar 19, 2025 am 09:10 AM

エントリーレベルのタイプスクリプトチュートリアルをマスターしたら、TypeScriptをサポートするIDEで独自のコードを作成し、JavaScriptにコンパイルできるはずです。このチュートリアルは、TypeScriptのさまざまなデータ型に飛び込みます。 JavaScriptには、NULL、未定義、ブール値、数字、文字列、シンボル（ES6によって導入）とオブジェクトの7つのデータ型があります。 TypeScriptはこれに基づいてより多くのタイプを定義し、このチュートリアルではすべてを詳細に説明します。ヌルデータ型 JavaScriptのように、Typescriptのnull

See all articles

絶対外せない実践JSカスタム関数100_Javascriptスキル

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック