ホームページ  >  記事  >  ウェブフロントエンド  >  一般的なJavaScript関数のまとめ_JavaScriptスキル

一般的なJavaScript関数のまとめ_JavaScriptスキル

WBOY
WBOYオリジナル
2016-05-16 17:55:111062ブラウズ
1. パス記号の意味
src="/js/jquery.js"、"../" スラッシュは、Web サイトのルート ディレクトリを表す絶対パスを意味します。 > その他、「./」、「../」、「jquery.js」、「js/jquery.js」などは、現在のWebページからの相対パスを表しており、相対パスです。

2. Web サイトのルート ディレクトリを取得します
コードをコピーします コードは次のとおりです:
関数 GetRootPath() {
var strFullPath = window.document.location.href;
var strPath = window.document.location.pathname; .indexOf(strPath);
var prePath = strFullPath.substring(0, pos);
var postPath = strPath.substr(1).indexOf('/'); 🎜>return (prePath postPath ;
コードは次のとおりです:


//Web サイトの URL は次のとおりです: http://www.A.COM?a=12
String.prototype.getQuery = function (name) {
var reg = new RegExp("(^|&)" name "=([^&]*)(&|$)"); = this.substr(this.indexOf("?" ) 1).match(reg);
if (r != null) return unescape(r[2]); var strHref = window.location.href; alert(strHref.getQuery("a"));
コードをコピー


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


document.write(Math.round (0.60) "
") 1
document.write(Math.round(0.50) "
") 1
document.write(Math.round(0.49) "
") 0
document.write(Math.round(-4.40) "
") -4
document.write(Math.round(-4.60)) - 5

4.2 Math.random () は 0 から 1 までの乱数を返します。

document.write(Math.random() )
document.write(Math.floor(Math.random()*11)) 0 から 10 までの乱数を返す Math オブジェクトの Floor() メソッドと random()


4.3 isNaN() 非数値かどうか、非数値の場合は true、それ以外の場合は false
4.4 Number() オブジェクトの値を数値に変換します
4.5 parseFloat() parseInt( ) 文字列の最初の文字を数値に変換できない場合、NaN が返されます。
4.6 String() 関数は、オブジェクトの値を文字列

5.1 に変換します。配列を配列にマージ concat 配列をマージして新しい配列を生成します。元の配列は変更されません
コードをコピー コードは次のとおりです。

var arr = new Array(3 )//配列を定義
arr[0] = "ジョージ"
arr[1] = "ジョン"
arr[2] = "トーマス"
var arr1 = 新しい配列(3)
arr1[0] = "ジェームズ"
arr1[1] = "アドリュー"
arr1[2] = "マーティン"
var arr2=arr.concat(arr1))
5.2 配列は文字列結合に結合されます。デフォルトは「,」接続で、join(".")
6 のように指定できます。最も一般的に使用される正規表現は test() で、見つかった場合は true、それ以外の場合は true になります。 false コードをコピー

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


var patt1=new RegExp ("e");
document .write(patt1.test("人生で最高のものは無料です"));



イベント
7.1 onload および onUnload ページの読み込み(アンロード時に呼び出されます)
7.2 onFocus、onBlur、および onChange イベントは通常、フォームを検証するために一緒に使用されます
7.3 onSubmit は、フォームを送信する前にすべてのフォーム フィールドを確認するために使用されます
コードをコピー コードは次のとおりです。
/*
次に、onSubmit イベントの使用例を示します。ユーザーがフォームの確認ボタンをクリックすると、checkForm() 関数が呼び出されます。フィールドの値が無効な場合、送信はキャンセルされます。 checkForm() 関数の戻り値は true または false です。戻り値が true の場合はフォームを送信し、それ以外の場合は送信をキャンセルします。 */
<フォームメソッド="post" action="xxx.htm" onsubmit="return checkForm()">

8. cookie
8.1
コードをコピーします コードは次のとおりです。 🎜>
function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()expiredays)
ドキュメント。 cookie=c_name "="escape(value)
((expiredays==null) ? "" : ";expires=" exdate.toGMTString())
}

8.2 読み取り

コードをコピー コードは次のとおりです。
function getCookie(c_name)
{
if ( document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name "=")
if (c_start!=-1)
{
c_start=c_start c_name .length 1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document .cookie.substring( c_start,c_end))
}
}
return ""
}


9. タイミング setTimeout () タイミングの開始
var t=setTimeout("javascript statement", ミリ秒) clearTimeout(t) // タイミングの停止

10. Web サイトを開きます
10.1 別の Web サイトを開きますwindow window.open()

コードをコピー コードは次のとおりです。
function openW( v){
var str = 'width=200,height=200,left=200,top=200,status=no,scrollbars=no,'
str = 'menubar=no,toolbar=no,size変更可能=no,location=no'
window.open(v,'',str);
}

10.2 同じウィンドウで Web サイトを開きます
window.location。 href ='http://www.sohu .com' ;

11. オブジェクト
11.1 オブジェクトの定義、破棄

コピーcode コードは次のとおりです: var oObject = new Object;
// ここでオブジェクトを処理します
oObject = null; 🎜>

11.2 クラスの定義



コードをコピー
コードは次のとおりです: function Cat(name,color){ this.name = name;
this.type = "Feline";オブジェクトを構築するための JSON




コードをコピー


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


var People = {
作成: function (名前, 年齢) { this.name = 名前; this.age = 年齢; }, SayHello: function ( ) { alert("こんにちは、私の名前は " this.name " です。私は " this.age); }
};


11.4 プロトタイプを使用してオブジェクトを構築します




コードをコピー


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


var person = function (name, age) {
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:jquery $.ajax 関連の使用法 share_jquery次の記事:jquery $.ajax 関連の使用法 share_jquery

関連記事

続きを見る