Working with  Links

��������ö㹡�á��ⴴ �ҡ Webpage ˹�ҹ֧�����ա˹�ҹ֧ ���͡�ѡɳ�ͧ Web 㹡�� click ��§�������Ƿ���� links ��ҡ�������Թ�ҧ�������ͺ�š�����Ǥ�Ѻ

㹺����س�������¹�����Ҩ��� JavaScript ʹѺʹع links �����ҧ�� ���� location load �����Ũҡ URLs ����˹������ҧ�� ����� JavaScript ŧ� links �ͧ�͡��������ҧ�� ���� history �红����Ţͧ URLs ��������ҹ�������ҧ��

URLs
Universal resource locator ���� URLs ���� ���ҵðҹ�ͧ Address ��ҧ�� Internet ���Ҥس��ͧ��è�价���˹ �س���ͧ����� URLs ŧ�㹪�ͧ Address �ͧ Browser �չ�� ��͹�����Ҩ��֡�� JavaScript ������֡����������´�ͧ����� URLs �ѹ��͹�������Ѻ

URLs ��ǹ�˭��������ٻẺ����Ѻ :
protocol//hostname[:port] path search hash
@protocol ���Ըա��㹡�â͡�ú�ԡ��� Internet �� http:,ftp:,mailto: ��� file: ��Фس�����֡�� Protocol �ͧ JavaScript �������㹺�����Ѻ
@hostname ���ͪ�������ͧ host �������ҵԴ������ www.microsoft.com ���� www.sanook.com
@port �繡�á�˹������Ţ TCP port ������Ѻ Protocol ������ҧ port ���������ѡ�ա��� port 80 �ͧ http:
@path��� ��á���բͧ������ �Ը���¹ slash ������Ẻ UNIX �� /pentagon/2932/index.html
@search����ǹ��� CGI �ͧ search engine ��ҧ����������� (�ͧ� search � Yahoo ���Ԥ�Ѻ ������� URL �š� ������� �����)
@hash�繪��� URLs ���١��˹�� file ���������ö links ��ѧ�ش��ҧ��˹�����ǡѹ�� (�ѡ��Ѻ Webpage ����) ����ͧ���¢ͧ hash ���� # �� #section3
The javascript:  and about:  Protocols
�͡�ҡ Protocols ��������� JavaScript �ѧ�� Protocols ������ա 2 ��Ǥ�� javascript: ��� about:

javascript:Date() ���ʴ��ѹ��� ������һѨ�غѹ (�ͧ���Ԥ�Ѻ �����ŧ�㹪�ͧ Adderss)
javascript:void(0) ��ӵ�� links ������ links ��˹

<a href="javascript:void(0)">no taget links</a> no taget links

��Ҥس�� Netscape �ͧ����������ŧ� ��ͧ Adress �Ф�Ѻ
javascript:"<H1>"+"What's up?"+"</H1>"
������������ö�ʴ��Ť���� What's up? � H1 ����� ��� IE ��������Ѻ ���� Netscape ʹѺʹع JavaScirpt �ҡ����

about: ���ʴ���������´�ͧ navigater (����Ѻ netscape ��ҹ��)
about:cache ���ʴ���������´�ͧ cache (����Ѻ netscape ��ҹ��)
about:plugins ���ʴ���������´�ͧ plug-ins (����Ѻ netscape ��ҹ��)

The  Location  Object
location ������ҵ�ҧ�ͧ document �Ѩ�غѹ���ʴ��� window ��� location ���͹حҵ� ���س set ��ҵ�ҧ� � Properties (�� read-only)
�����ҧ�֧ location ����ͧ locatiion �� Property �ͧ document ��Ѻ
document.location

Properties �ͧ location �մѧ����Ѻ
�繨ش links �ͧ URL (����չ�)
�ʴ� hostname:port �ͧ URL
hostname �ͧ URL
URL ���
��ǹ pathname �ͧ URL
��ǹ port �ͧ URL
��ǹ protocol �ͧ URL
��ǹ search �ͧ URL
location �� methods ���� 2 ��Ǥ�� reload() ��� replace() ��Ѻ
reload() �� reload �����Ũҡ Webpage
replace() �� load �����Ũҡ URL ����˹�
������ҧ������Ѻ


����� replace() ��������� WebPage ��������� History list (�ͧ�� back ��� next �٨�����ͧ��Ѻ)

The  Link  Object
Link ���� �Ҿ���� ��ͤ������ click ���ǨоҤس�����ա���˹�� Properties��ҧ�ͧ link ����繢����Ţͧ������·��س��� Properties ��ҧ�֧����͹�Ѻ location ���º��¤�Ѻ ��ҧ�ѹ�� location �繢����Ţͧ ˹�һѨ�غѹ �� link �繢����Ţͧ���������ҹ���ͧ��Ѻ

㹡���� link �س��á�˹����� link ������������������ҧ�֧������� document.LinkToSanook

links �� Event 3 ��Ǥ�Ѻ : onclick onmouseover onmouseout �س�����ѡ� �� Event ���ǹФ�Ѻ Event �ͧ link �������ҡԹ�����й� ���������

The  Link()  Method
Link Object ������Ը����Ƿ������ҧ Link link ���� �Ҩ�����ҧ�ҡ link() Method ����� ��Ҽ���¹ code ���

<script language="JavaScript"> jslink="Sanook".link("http://www.sanook.com/") document.write(jslinks) </script> ���ʴ�������͹�Ѻ
<A herf="http://www.sanook.com">Sanook</A> The  History  Object
History ������鹷ҧ������� visit �� History �� Property �ͧ window ��Ѻ History ����� Event ���� Properties ���� 1 ��� ��� �ѹ�к͡�س��� History list �ͧ�س�ա����¡��
History �� Method ���� 3 ��Ǥ�Ѻ ���ʹ㨴���
back()���Ѻ�˹�ҷ����觼�ҹ�� (����͹������ back � toolbar)
next()���Ѻ�˹�ҷ����� Back �� (����͹������ next � toolbar)
go(n)����ⴴ�˹�ҵ�ҧ�� history
��� n<0 ��� back � n ˹�� ��� n> 0 ��� next
�͹���س���ѡ URLs,Location,links ��� History ���ǹФ�Ѻ 㹺�˹���繺��ش���¤�Ѻ �ա�Դ���Ǥس����� JavaScript �����Ǥ�Ѻ �ͧ�����觷����й�������ٹФ�Ѻ �س�Ҵ����������ӹҭ��ҹ���ͧ Bye Bye...




Hosted by www.Geocities.ws

1