__{api}__Javascript

Note:
Bài viết dưới đây sử dụng trình duyệt Mozila, không hỗ trợ cho IE.


//lấy tên trình duyệt
navigator.appName=='netscape | IE...'

//lấy/thiết lập vị trí thanh cuộn đối với thành phần loại container: div, textarea,..
obj.scrollTop;

//lựa chọn vị trí của chuỗi đã chọn trong thành phần nhập liệu form.
obj.selectionStart;
obj.selectionEnd;

//lựa chọn 1 đoạn chuỗi trong thành phần nhập liệu.
obj.setSelectionRange(10, 20);

//gọi hàm & đồng thời  sử dụng.kế thừa đối tượng instance vào trong hàm.

function sayColor(sPrefix, sSuffix) {
    alert(sPrefix + this.color + sSuffix);
};
var obj = new Object();
obj.color = 'red';


sayColor.apply(obj, new Array('The color is ',', a very nice color indeed.'));

//kiểm tra có phải là thành phần/thuộc tính/phương thức của đối tượng.
<input id='but1' type='button' value='Hello !'/>
<script>

function A()
{
this.item='_item';
}

var b=document.getElementById('but1');
var b1=new A();



alert(('onclick' in b));
alert(('item' in b1));



</script>

//kế thừa lớp A vào lớp B, A & B đều truy cập được lẫn nhau
function lopA(){}
function lopB(){}


lopB.prototye=new lopA;

/*Khi định nghĩa: thành phần trong lớp thì (đề nghị) sử dụng định danh từ khóa this,
Khi gọi xuống lớp dưới: lớp trên muốn sử dụng được lớp dưới (trong kế thừa) thì phải sử dụng this.
Còn gọi lên lớp trên  (đề cử) nếu thành phần không thuộc lớp thì sử dụng định danh.
*/
function A()
{
   var p=this;
   p.itemA1=function(){ alert(p.itemB1);alert(this.itemB1);}
}
function B()
{
   var p=this;
   p.itemB1='itemB1';
}


B.prototype=new A;
var o=new B();
o.itemA1();   //-> output: undefined.

//javascript linh hoạt trong việc thiết lập thuộc tính cho đối tượng.
obj.ten_thuoc_tinh=gia_tri;

/*this chỉ instance (bản sao) của lớp hiện tại với điều kiện nằm trong thành phần public của lớp, không nó hiểu  là đối tượng DOMWindow.
*/

function a()
{
var p=this;
p.O='O';

function t1(){alert(this.O);}
p.t2=function(){alert(this.O);}
t1();
p.t2();
}
new a();


//có thể tạo thành phần khác bên trong 1  thành phần của lớp.
function A()
{
   this.t1=function()
   {
      this.t2='t2';
   }
   this.t1();
   alert(this.t2);
}
new A();

//