国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript的編程

2019-11-18 13:27:39
字體:
來源:轉載
供稿:網友

  (1)一 個 簡 單 的 例 子
  
  javascript的 編 程 工 作 復 雜 與 否 和Html文 檔所
  提 供 的 功 能 大 小 密 切相 關 ,我 們 用 幾 個 簡
  單 的 例 子 來介 紹 它 的 編 程 特 點 。
  
  例 1.一 個 簡 單 的 Script
  
  <HTML>
  
  <TITLE>This is a test</TITLE>
  
  <HEAD>
  
  <SCRIPT LANGUAGE="Javascript">
  
  <!-- to hide script contents from old browsers
  
  // end hiding contents from old browsers-->
  
  </SCRIPT>
  
  </HEAD>
  
  <BODY>
  
  This is a test:
  
  <SCRIPT LANGUAGE="JavaScript">
  
  document.write "Hello!"
  
  </SCRIPT>
  
  </BODY>
  
  </HTML>
  
  例 1顯 示 結 果 為 :
  
  This is a test:Hello!
  
  從 以 上 例 子 中 可 以 發 現 ,JavaScript源 代 碼
  被 嵌 在 一 個 HTML文 檔 中,它 可 以出 現 在 文檔
  頭 部 (HEAD節 )和 文 檔 體 部 (BODY節 )。SCRIPT標
  記 的 一 般 格 式 為 :
  
  <SCRIPT LANGUAGE="JavaScript">
  
  JavaScript語 句 串 ...
  
  </SCRIPT>
  
  為 了 使 老 版 本的瀏覽器(即Navigator2.0版 以前的
  瀏 覽 器 )避 開 不 識 別 的"JavaScript語句串 ",用
  JavaScript編 寫 的 源 代 碼 可 以 用注 解 括 起來
  ,即 ,使 用 HTML 的注 解 標 記 <!--???-->(如上例
  所 示 ),而 Navigator 2.x可 以 識 別 放 在注 解 行
  中的 JavaScri pt源 代 碼 。
  
  (2)一 個 調 用 函 數 的 例 子
  
  內 建 函 數 在 JavaScript中 占 有 很 大的 比例,由
  于 它 由 Netscape瀏 覽 器 支 持 并解 釋 執 行 ,給
  Web制 作 者 提供了編寫 的 工具函 數 ;JavaScript還
  為 用 戶 提 供 自 己 定義 函 數 和 調用函數的能力
  ,使 Web編 寫 者 具 有 編程 手 段 的 靈 活 性 。
  
  函 數 的 定 義 與 調 用 同 一 般 的 程 序設 計 語
  言 類 似 ,但 由 于 瀏 覽 器 瀏 覽的Web頁 是 順 序
  從 WWW服 務 器 調 出 ,并 由 Netscape瀏 覽 器解 釋
  執 行 的 ,函 數 必 須 先定義(一 般 放在 HEAD節)后
  調用 (一 般 放 在 BODY節 )。
  
  例 2.一 個 有 函 數 定 義 和 調 用的 JavaScript
  
  <HTML>
  
  <TITLE>This is a function's test </TITLE>
  
  <HEAD>
  
  <SCRIPT LANGUAGE="JavaScript">
  
  <!-- to hide script contents from old browsers>
  
  function square(i){
  
  document.write("The call passed",i,"to the square
  function.","
")
  
  return i*i
  
  }
  
  document.write("The function re-turned",square(8)
  ,".")
  
  //end hiding contents from old drowsers
  -->
  
  </SCRIPT>
  
  </HEAD>
  
  <BODY>
  
  

  
  All done.
  
  </BODY>
  
  </HTML>
  
  該 例 顯 示 結 果 為 :
  
  The call passed 8 to the square
  func-tion.
  
  The function returned 64.
  
  All done.
  從 執 行 結 果 可 以 看 出 ,一 個 函數 定 義 時 并
  不 發 生 作 用 ,只 有 在 引 用 時 (函數 定 義 后的
  document.write語 句 )才被 激 活 。
  
  (3)編 寫 事 件 處 理 程 序
  
  JavaScript的 應 用 中 大 量 采 用 事件 驅 動 。Web
  頁 中 的 一 個 事 件 是 指 用 戶 做一 件 事 后引起
  的 動 作 。 例 如 ,用 戶 移 動 鼠 標到 某 個鏈接點
  、 點 擊 鼠 標 、 針 表 格 填 寫 后 的 提 交動作等
  都 被 認 為 是 一 個 事 件 。 Web頁作 者 可 以定義
  事件 處 理 程 序(event handl er),在 出 現 一 個 事
  件 后 自 動 觸 發 執 行 該 事 件 處 理 程 序 。
  例 3是 一 個 由 事 件驅 動(輸入后點擊 Cal-culate按
  鈕 的 動 作 )的 例 子 。
  
  例 3.具 有 填 表 和 提 交 功 能 的事件處理 Script
  
  <HTML>
  
  <TITLE>Form Object example </TITLE>
  
  <HEAD>
  
  <SCRIPT LANGUAGE="JavaScript">
  
  function compute(obj){
  
  obj.result.value=eval(obj.eXPR.value)
  
  }
  
  </SCRIPT>
  
  </HEAD>
  
  <BODY>
  
  <FORM NAME="evalform" METHOD="get">
  
  Enter an expression:
  
  <TNPUT TYPE="text"NAME="expr" SIZE=20>
  
  

  
  Result:
  
  <INPUT TYPE="text"NAME="result"
  SIZE=15>
  
  

  
  <INPUT TYPE="button"NAME="Bottom1"
  VALUE="Calculate"
  
  onClick="compute(this.form)">
  
  </FORM>
  
  </BODY>
  
  </HTML>
  
  該 例 運 行 時 出 現 :
  
  Enter an expression: ______
  
  Result: ______
  
  Calculate
  在 Enter an expression:欄 中 輸 入 一個表達式(如
  22*3-6),然 后 點 擊Calculate按 鈕 ,相應 的結果顯
  示 在 Result欄 內 (如 60)。
  
  由 例 3源 代 碼 和 運 行 結 果 可 以 看 出 :
  
  ① 在 HTML源 代 碼 的頭部定義 了一個名叫compute的
  函 數 ,其 形式 參 數 obj是一 個form(表 格 )。當用
  戶 輸 入 表 達 式 后 ,點 擊 Calculate按 鈕 ,由 此
  觸 發 的 事 件 處理 程 序 onClick調 用compute函數
  ,并 攜 帶 了 參 數 this.form,將 表 格 對 象(由 <
  FORM>販?</FOR M>定 義 )交 給事 件 處 理 程序調
  用 的 函 數 compute去 處 理 。
  
  函 數 compute由 一 條 賦 值 語 句 構成 ,其 右 部是
  JavaScript的 內 建 函 數 eval,它 可以 自 動 分析表
  格 中 名 為 "expr"欄 內 的 輸 入 字 符 串 ,計 算出
  其 值 ;計 算 出 的 結 果傳 送 給 表 格(form)中名為
  "result"的 欄 內 ,這 樣 ,在 屏 幕 上 Result:后的框
  中 出 現 計 算結 果 。
  
  除 例 3中 出現的JavaScript事件處理 程 序onClick,另
  外 還 有 一 些 類似 程 序 ,包括 :on-Blur,onChange
  ,onFocus,onLoad,on-MouSEOver,onSelect,onSubmit,
  onUn-load等 。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 绥中县| 新竹市| 内乡县| 自治县| 霞浦县| 繁峙县| 上虞市| 五常市| 淮阳县| 县级市| 安图县| 临沧市| 闽侯县| 木兰县| 进贤县| 镇远县| 临泉县| 鸡泽县| 句容市| 三门县| 墨竹工卡县| 陵川县| 桦川县| 普陀区| 普安县| 安新县| 洱源县| 双城市| 唐河县| 广河县| 朝阳市| 大竹县| 博野县| 崇礼县| 山阴县| 临城县| 富平县| 竹山县| 阜宁县| 措勤县| 郯城县|