📄 array对象应用.html

📁 JavaScript实例

💻 HTML

字号:

<html><HEAD><TITLE>数组对象</TITLE>
<script>
function UpdateInfo(WhichBook)
{
   document.BookForm.currbook.value=WhichBook;
   document.BookForm.BookTitle.value=this.Title;
   document.BookForm.BookPublisher.value=this.Publisher;
   document.BookForm.BookAmount.value=this.Amount;
}
function Book(title,publisher,amount)
{
 this.Title=title;
 this.Publisher=publisher;
 this.Amount=amount;  //属性成员
 this.UpdateInfo=UpdateInfo; //方法成员
}
</script>
</HEAD>
<body>
<script>
  var Books=new Array();
  Books[0]=new Book("语文","少年儿童出版社",10000)；
  Books[1]=new Book("数学","高等教育出版社",5000)；
  Books[2]=new Book("普通物理","高等教育出版社",3000)；
  Books[3]=new Book("计算机基础","清华大学出版社",2000)；
</script>
<h2 align=center>共有四本书，可选择查看其信息</h2>
<form name="BookForm">选择当前所显示的书:
  <input type=button value="A书" onClick="Books[0].UpdateInfo('A书')">
  <input type=button value="B书" onClick="Books[1].UpdateInfo('B书')">
  <input type=button value="C书" onClick="Books[2].UpdateInfo('C书')">
  <input type=button value="D书" onClick="Books[3].UpdateInfo('D书')"><br><br>
  当前书：<input type="text" name="currbook" value="A书"><br><br>
  书名：<input type="text" name="BookTitle" value="语文"><br><br>
  出版社：<input type="text" name="BookPublisher" value="少年儿童出版社"><br><br>
  印数：<input type="text" name="BookAmount" value="10000">
</form>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -