📄 index.html

📁 this gives details of the network programming
💻 HTML
字号:
<HEAD><TITLE>Netprog 2002 Stupid JavaScript Tricks</TITLE><LINK rel=stylesheet type="text/css" HREF=../../style/jsdemo.css></HEAD><BODY MARGINHEIGHT=0 MARGINWIDTH=0 TOPMARGIN=0  LEFTMARGIN=0><TABLE bgColor=#8899aa border=0 cellPadding=4 cellSpacing=0 width=100%>  <TR>    <TD class=title>&nbsp NetProg 2002: Stupid Javascript Tricks</TD> </TR><TR BGCOLOR=BLACK HEIGHT=10><TD CLASS=menu></TD></TR></TABLE><DIV CLASS=page><BR><BR><CENTER><TABLE BORDER=0 CELLPADDING=5 WIDTH=80%><TR><TD><H3 ALIGN=CENTER>User Selectable Background Color &nbsp &nbsp<SPAN class=but><A HREF=background.html>demo</A></SPAN> &nbsp &nbsp<SPAN class=but><A HREF=background_source.html>source</A></SPAN></H3><P style="font-family:sans-serif; font-size:12pt;">Event handlers (in this case button <CODE>onClick</CODE> handlers)can change the document background color.</P></TD></TR><TR><TD ><HR></TD></TR><TR><TD><H3 ALIGN=CENTER>Active Bullets (Mouseover Images) &nbsp &nbsp<SPAN class=but><A HREF=activebullet.html>demo</A></SPAN> &nbsp &nbsp<SPAN class=but><A HREF=activebullet_source.html>source</A></SPAN></H3><P style="font-family:sans-serif; font-size:12pt;">You can use images as linked bullets and have the image change when theuser moves the mouse over the image. The general idea is to usethe <CODE>onMouseOver</CODE> and <CODE>onMouseOut</CODE> events toswitch the <CODE>SRC</CODE> attribute of an image. </P></TD></TR><TR><TD ><HR></TD></TR><TR><TD><H3 ALIGN=CENTER>Layers &nbsp &nbsp<SPAN class=but><A HREF=divs.html>demo</A></SPAN> &nbsp &nbsp<SPAN class=but><A HREF=divs_source.html>source</A></SPAN></H3><P style="font-family:sans-serif; font-size:12pt;">Overlapping layers of a document, only one is displayed at a time.</P></TD></TR><TR><TD ><HR></TD></TR><TR><TD><H3 ALIGN=CENTER>Move the Browser &nbsp &nbsp<SPAN class=but><A HREF=windowjump.html>demo</A></SPAN> &nbsp &nbsp<SPAN class=but><A HREF=windowjump_source.html>source</A></SPAN></H3><P style="font-family:sans-serif; font-size:12pt;">You can use the <CODE>navigator</CODE> object to alter browser attributesinclude the window size and the position of the browser on your screen.The example works with both IE and Netscape, although IE doesn't seem tolet JavaScript change the window size.</P></TD></TR><TR><TD ><HR></TD></TR><TR><TD><H3 ALIGN=CENTER>Moving Cookie Game &nbsp &nbsp<SPAN class=but><A HREF=cookie.html>demo</A></SPAN> &nbsp &nbsp<SPAN class=but><A HREF=cookie_source.html>source</A></SPAN></H3><P style="font-family:sans-serif; font-size:12pt;">A complete game (OK, a simple silly game) written in JavaScript. This script uses:<UL><LI> the JavaScript function <CODE>setTimeout</CODE>to schedule a subroutine call a short time in the future. <LI>Button event handlers<LI>Text Input event handlers<LI>a DIV  - to move an image around in the browser window.</UL></P></TD></TR><TR><TD ><HR></TD></TR><TR><TD><H3 ALIGN=CENTER>Popup Window &nbsp &nbsp<SPAN class=but><A HREF=popup.html>demo</A></SPAN> &nbsp &nbsp<SPAN class=but><A HREF=popup_source.html>source</A></SPAN></H3><P style="font-family:sans-serif; font-size:12pt;">How to use JavaScript to create those annoying popup windowscontaining advertisements. </P></TD></TR><TR><TD ><HR></TD></TR><TR><TD><H3 ALIGN=CENTER>JavaScript Object Property Lists &nbsp &nbsp<SPAN class=but><A HREF=props.html>demo</A></SPAN> &nbsp &nbsp<SPAN class=but><A HREF=props_source.html>source</A></SPAN></H3><P style="font-family:sans-serif; font-size:12pt;">Using JavaScript you can access and alter object properties, including someproperties of the document. The example here generates a list ofall the properties of the object <CODE>document</CODE>.</P></TD></TR><TR><TD ><HR></TD></TR><TR><TD><H3 ALIGN=CENTER>Using a SELECT as a Menu &nbsp &nbsp<SPAN class=but><A HREF=select.html>demo</A></SPAN> &nbsp &nbsp<SPAN class=but><A HREF=select_source.html>source</A></SPAN></H3><P style="font-family:sans-serif; font-size:12pt;">You can turn a <CODE>SELECT</CODE> form element in to a menu. Once theuser selects a new menu item - the browser takes action immediately(it's not necessary for the user to press a "go" or "submit" button).The example includes two selects, one changes a form field value and the other jumps to another JavaScript demo.</P></TD></TR><TR><TD ><HR></TD></TR><TR><TD><H3 ALIGN=CENTER>JavaScript Generated BACK hyperlink &nbsp &nbsp<SPAN class=but><A HREF=backbutton.html>demo</A></SPAN> &nbsp &nbsp<SPAN class=but><A HREF=backbutton_source.html>source</A></SPAN></H3><P style="font-family:sans-serif; font-size:12pt;">An example of using JavaScript to generate a document footer includinga BACK hyperlink.</P></TD></TR><TR><TD ><HR></TD></TR><TR><TD><H3 ALIGN=CENTER>JavaScript Mortgage Calculator &nbsp &nbsp<SPAN class=but><A HREF=calc.html>demo</A></SPAN> &nbsp &nbsp<SPAN class=but><A HREF=calc_source.html>source</A></SPAN></H3><P style="font-family:sans-serif; font-size:12pt;">You can write interactive calculators using JavaScript. </P></TD></TR><TR><TD ><HR></TD></TR><TR><TD><H3 ALIGN=CENTER>Rubber Window &nbsp &nbsp<SPAN class=but><A HREF=rubber.html>demo</A></SPAN> &nbsp &nbsp<SPAN class=but><A HREF=rubber_source.html>source</A></SPAN></H3><P style="font-family:sans-serif; font-size:12pt;">You can try to change the window size, but it keeps coming, and coming, and ... </P></TD></TR><TR><TD ><HR></TD></TR></TABLE></CENTER>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -