js object_javascript のすべてのプロパティとメソッドを表示する関数

実際の効果を確認したい場合は、最初にいくつかのプロパティとメソッドを宣言します。そうしないと、以下の例を注意深く確認することができません。

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

function ShowObjProperty(Obj)
{
var PropertyList='';
var PropertyCount=0;
for(i in Obj){
if(Obj.i !=null)
PropertyList=PropertyList i 'プロパティ:' Obj.i 'rn';
else
PropertyList=PropertyList i 'メソッド rn';
alert(PropertyList); >

コードをコピー

コードは次のとおりです: var myObject = new Object(); myObject.sitename = "blabla";

myObject.sitecontent = "Web チュートリアル コード ギャラリー"; ;

// オブジェクト
for (prop in myObject)
{
document.write("property'" prop "' is " myObject[prop]); document.write("
");
}





今日、オンラインの Java Tang ブログでユーザーを見つけましたこのメソッドを使用すると、JavaScript オブジェクトのすべてのプロパティ名と値をトラバースできます。このメソッドを使用する場合は非常に直感的で便利です。コードは次のとおりです:

コードをコピー


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

/* * はトラバースに使用されます オブジェクトのすべての属性名と値を指定します * obj トラバースするオブジェクト * 著者: Jet Mah */ function allPrpos ( obj ) {

// すべての属性の名前と値を保存するために使用されます

var props = ""
// 走査を開始します
for ( var p in obj ){
// Method
if ( typeof ( obj [ p ]) == " function " ){
obj [ p ]() ;
} else {
// p は属性名、obj[p] は値対応する属性
props = " obj [ p ] " t " ;
}
}
// 最後にすべてのプロパティを表示します
alert ( props ) ; 🎜>

AJAX JavaScript リフレクション メカニズム。リフレクション メカニズムは、プログラムの実行中に独自の情報を取得する機能を指します。たとえば、オブジェクトは実行時に、そのオブジェクトがどのようなメソッドやプロパティを持っているかを知ることができます。 JavaScript でリフレクションを実装するには、for(…in…) ステートメントを使用します。構文は次のとおりです:

for(var p in obj){
//Statement
}

Ajax の場合 プログラミングでは、インターフェース要素のスタイルを動的に変更する必要があることがよくあります。これは、オブジェクトの style 属性を通じて変更できます。たとえば、背景色を赤に変更したい場合は、次のように記述できます。 :
element.style.backgroundColor="#ff0000";

基本的に CSS のすべてのプロパティは JavaScript で使用できます:




コードをコピー


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


function setStyle(_style){

// スタイルを変更するインターフェイス オブジェクトを取得します var element=getElement( ); element.style=_style; } スタイル オブジェクト全体をパラメータとして直接渡します:

コード


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

var style={

color:#ffffff, backgroundColor:#ff0000, borderWidth :2px } これはこの時点で実行できます:

setStyle(style); または直接記述します:

setStyle( { color:#ffffff,backgroundColor:#ff0000,borderWidth:2px});

このコードには問題がないように見えますが、実際には、パラメーター _style を使用して要素に値を割り当てる場合に問題があります。 setStyle 関数内の style (要素が既に実行されている場合):
element.style.height="20px"; ただし、_style には定義が含まれません。そのため、要素の高さスタイルが失われますが、これは本来望ましい結果ではありません。この問題を解決するには、リフレクション メカニズムを使用して setStyle 関数を書き換えます。

コードをコピーします


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


function setStyle(_style){
//スタイルを変更するインターフェイス オブジェクトを取得します
var element=getElement();
for(var p in _style){
element.style[p ]=_style[p];

} } ;
プログラムは、_style の各属性を走査して属性名を取得し、角括弧構文を使用して element.style の対応する属性を _style の対応する属性の値に割り当てます。したがって、要素内で指定されたスタイルのみが変更され、他のスタイルは変更されず、目的の結果が得られます。 ^-^