📄 online_books.htm

📁 javascript source code part1
💻 HTM
字号:
<HTML>
<HEAD>
<TITLE>Online Books</TITLE>
<SCRIPT LANGUAGE="JavaScript">
var detailsWindow;
var basketWindow;

var stockItems = new Array();

stockItems[100] = new Array();
stockItems[100][0] = "Beginning Active Server Pages";
stockItems[100][1] = "$39.99";
stockItems[100][2] = 0;

stockItems[101] = new Array();
stockItems[101][0] = "Professonal JavaScript";
stockItems[101][1] = "$46.99";
stockItems[101][2] = 0;

function removeItem(stockId)
{
   stockItems[stockId][2] = 0;
   alert("Item Removed");
   showBasket();
   return false;
}

function showDetails(bookURL)
{
   detailsWindow = window.open(bookURL,"bookDetails","width=400,height=500");
   detailsWindow.focus();
   return false;
}

function addBookToBasket(stockId)
{
   stockItems[stockId][2] = 1;
   alert("Item added successfully");
   detailsWindow.close();
}

function showBasket()
{
   basketWindow = window.open('ShoppingBasket.htm','shoppingBasket','width=400,height=350');
   basketWindow.document.open();
   var basketItem;
   var containsItems = false;
   basketWindow.document.write("<H4>Your shopping basket contains :</H4>");

   for (basketItem in stockItems)
   {
      if (stockItems[basketItem][2] > 0)
      {
         basketWindow.document.write(stockItems[basketItem][0] + " at ");
         basketWindow.document.write(stockItems[basketItem][1]);
         basketWindow.document.write("&nbsp&nbsp&nbsp&nbsp");
         basketWindow.document.write("<A href='' onclick='return " + "window.opener.removeItem(" + basketItem + ")'>");
         basketWindow.document.write("Remove Item</A><BR>");
         containsItems = true;
      }
   }

   if (containsItems == false)
   {
      basketWindow.document.write("<H4>No items</H4>");
   }
   basketWindow.document.close();
   basketWindow.focus();
}

</SCRIPT>
</HEAD>
<BODY>
<H2 ALIGN=center>Online Book Buyer</H2>
<FORM NAME=form1>
<INPUT TYPE="button" VALUE="Show Shopping Basket" onclick="showBasket()" NAME=butShowBasket>
</FORM>
<P>
Click any of the images below for more details
</P>
<STRONG>Beginning Active Server Pages 3</STRONG>
<BR>
<A NAME="begASPLink" HREF="" onclick="return showDetails('beg_asp3_details.htm')">
<IMG SRC="beg_asp3.gif" BORDER=0>
</A>
<BR><BR>
<STRONG>Professional JavaScript</STRONG>
<BR>
<A NAME="profJSLink" HREF="" onclick="return showDetails('prof_js_details.htm')">
<IMG SRC="prof_js.gif" border=0>
</A>
</BODY>
</HTML>
⌨️ 快捷键说明

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