javascript教程:国外的为初学者写的JavaScript教程

on 2008-12-25 in Javascript教程 | 0 Comment
  • =code-keyword>>Close Window=code-keyword></a=code-keyword>>

    Loading

    The basic syntax when loading content o a window is:

    window.location==code->"=code->test.htm"

    This is the same as

    =code-keyword><a href==code->"=code->test.htm>Try this </a>

    Let's provide an example, where a confirm box will allow users to choose between going to two places:

    =code-keyword><script=code-keyword>> =code-keyword><!-- function ss { var ok=confirm(=code->'=code->Click "OK" to go to yahoo, "CANCEL" to go to hotmail') =code-keyword> (ok) location==code->"=code->http://www.yahoo.com" =code-keyword> location==code->"=code->http://www.hotmail.com" } =code-comment>//=code-comment>--> =code-keyword></script=code-keyword>>

    Remote Control Window

    Let's say you have opened a window from the current window. After that, you will wonder how to make a control between the two windows. To do this, we need to first give a name to the window.Look at below:

    aa=window.open(=code->'=code->test.htm',=code->'=code->',=code->'=code->width=200,height=200')

    By giving this window a name "aa", it will give you access to anything that's inside this window from other windows. Whenever we want to access anything that's inside this ly opened window, for example, to write to this window, we would do this: aa.document.write("This is a test.").

    Now, let's see an example of how to change the background color of another window:

    =code-keyword><=code-leadattribute>html=code-keyword>>=code-keyword><=code-leadattribute>head=code-keyword>>=code-keyword><=code-leadattribute>title=code-keyword>>=code-keyword><=code-keyword>/=code-leadattribute>title=code-keyword>>=code-keyword><=code-keyword>/=code-leadattribute>head=code-keyword>> =code-keyword><=code-leadattribute>body=code-keyword>> =code-keyword><=code-leadattribute>form=code-keyword>> =code-keyword><=code-leadattribute>input =code-attribute>type=code-keyword>="=code-keyword>button" =code-attribute>value=code-keyword>="=code-keyword>Open another page" =code-attribute>onClick=code-keyword>="=code-keyword>aa=window.open('test.htm','','width=200,height=200')"=code-keyword>> =code-keyword><=code-leadattribute>input =code-attribute>type=code-keyword>="=code-keyword>radio" =code-attribute>name=code-keyword>="=code-keyword>x" =code-attribute>onClick=code-keyword>="=code-keyword>aa.document.bgColor='red'"=code-keyword>> =code-keyword><=code-leadattribute>input =code-attribute>type=code-keyword>="=code-keyword>radio" =code-attribute>name=code-keyword>="=code-keyword>x" =code-attribute>onClick=code-keyword>="=code-keyword>aa.document.bgColor='green'"=code-keyword>> =code-keyword><=code-leadattribute>input =code-attribute>type=code-keyword>="=code-keyword>radio" =code-attribute>name=code-keyword>="=code-keyword>x" =code-attribute>onClick=code-keyword>="=code-keyword>aa.document.bgColor='yellow'"=code-keyword>> =code-keyword><=code-keyword>/=code-leadattribute>form=code-keyword>> =code-keyword><=code-keyword>/=code-leadattribute>body=code-keyword>>=code-keyword><=code-keyword>/=code-leadattribute>html=code-keyword>>

    opener

    Using =code->"=code->opener" property, we can access the window from the ly opened window.

    Let's create Main page:

    =code-keyword><=code-leadattribute>html=code-keyword>> =code-keyword><=code-leadattribute>head=code-keyword>> =code-keyword><=code-leadattribute>title=code-keyword>>=code-keyword><=code-keyword>/=code-leadattribute>title=code-keyword>> =code-keyword><=code-keyword>/=code-leadattribute>head=code-keyword>> =code-keyword><=code-leadattribute>body=code-keyword>> =code-keyword><=code-leadattribute>form=code-keyword>> =code-keyword><=code-leadattribute>input =code-attribute>type=code-keyword>="=code-keyword>button" =code-attribute>value=code-keyword>="=code-keyword>Open another page" =code-attribute>onClick=code-keyword>="=code-keyword>aa=window.open('test.htm','','width=100,height=200')"=code-keyword>> =code-keyword><=code-keyword>/=code-leadattribute>form=code-keyword>> =code-keyword><=code-keyword>/=code-leadattribute>body=code-keyword>> =code-keyword><=code-keyword>/=code-leadattribute>html=code-keyword>>

    Then create Remote control page (in this example, that is test.htm):

    =code-keyword><=code-leadattribute>html=code-keyword>> =code-keyword><=code-leadattribute>head=code-keyword>> =code-keyword><=code-leadattribute>title=code-keyword>>=code-keyword><=code-keyword>/=code-leadattribute>title=code-keyword>> =code-keyword><=code-leadattribute>script=code-keyword>> =code-keyword>function remote(url){ window.opener.location=url } =code-keyword></=code-leadattribute>script=code-keyword>> =code-keyword><=code-keyword>/=code-leadattribute>head=code-keyword>> =code-keyword><=code-leadattribute>body=code-keyword>> =code-keyword><=code-leadattribute>p=code-keyword>>=code-keyword><=code-leadattribute>a =code-attribute>href=code-keyword>="=code-keyword>#" =code-attribute>onClick=code-keyword>="=code-keyword>remote('file1.htm')"=code-keyword>>File 1=code-keyword><=code-keyword>/=code-leadattribute>a=code-keyword>>=code-keyword><=code-keyword>/=code-leadattribute>p=code-keyword>> =code-keyword><=code-leadattribute>p=code-keyword>>=code-keyword><=code-leadattribute>a =code-attribute>href=code-keyword>="=code-keyword>#" =code-attribute>onClick=code-keyword>="=code-keyword>remote('file2.htm')"=code-keyword>>File 2=code-keyword><=code-keyword>/=code-leadattribute>a=code-keyword>>=code-keyword><=code-keyword>/=code-leadattribute>p=code-keyword>> =code-keyword><=code-keyword>/=code-leadattribute>body=code-keyword>> =code-keyword><=code-keyword>/=code-leadattribute>html=code-keyword>>

    Try it now!

    Frame One of the most popular uses of loading multiple frames is to load and change the content of more than _disibledevent="#top">

    Tags:  javascript基础教程 javascript电子教程 javascript实例教程 javascript教程

    延伸阅读

最新评论

发表评论