javaScript入門—函數和document使用方法,新手必看!

2021-01-07 編程小學生

javaScript是世界上流行一種客戶端語言,是一種弱類型語言, javaScript語言解釋器為瀏覽器的一部分,javaScript這些優勢更好適應了網站頁面的特點。javaScript代碼只需要嵌入到html頁面中(頁面頭部、body,javaScript代碼大部分放在頁面頭部)就可以執行,也不需要任何額外的插件,大多數瀏覽器(firefox、ie、oprea、safari等)都可以直接運行javaScript代碼。

上面代碼在瀏覽器中打開會顯示「hello !」的alert的對話框,如果沒有檢查一下瀏覽器是否啟用了javascript。

JavaScript中函數有什麼特點?

函數是重複使用腳本的一種方式,可以重複多次成為可能,在javascript中函數不僅能多次運行而且還可以用來控制什麼時候執行引用腳本。

上面是javascript的語法,首先是關鍵字funcion,後面是函數名、圓括號(包含參數,參數可以是零)、大括號和函數體,函數體放在大括號中,有了函數之後需要調用函數才能執行函數內的腳本,這就是下面要說的函數的事件句柄。

javascript函數事件句柄

事件句柄可以將函數與某個特定的事件聯繫起來,當事件觸發時,就會執行函數。常見的事件句柄是onload事件,當網頁載入結束時就會觸發該事件,事件句柄會調用相應函數。

常見的事件句柄有onclick(滑鼠單擊元素觸發)、onmouseover(滑鼠移到某元素時觸發)、onmouseout(滑鼠離開元素時觸發)、onfocus(元素獲得焦點時觸發)、onblur(元素失去焦點時觸發)、這些事件句柄只是一小部分而已,並且不是所有的元素都支持所有的事件句柄比如說HTML中img元素,因為事件和載入資源相關。

onload事件句柄是瀏覽器內置對象windows的一個屬性。在腳本第一行中,我們將函數hello賦給window對象的onload事件句柄。

瀏覽器對象document

document對象用來呈現整個頁面,包括頁面中的所有的元素。通過document對象訪問頁面中的所有的內容,基於docment對象可以修改頁面的內容。常見的修改的頁面方法有open(open可以打開修改的html頁面)、writeln(是write方法的變種,他們之間區別是writeln輸出文本之後會自動添加換行符)及close(用來關閉頁面強制瀏覽器刷新頁面內容)方法。

相關焦點

  • 這是新手自學編程的開始,程式設計師入門的好技巧,你卻不一定懂
    雖然學習IT編程技術已經是越來越熱了,但是如果作為一個新手程式設計師想要入門還是很困難的,這裡有一些前端程式設計師總結的程式設計師入門的好技巧。相對java,C,Python等,web前端開發編程相對容易入門一些,這也讓web前端編程成為很多新手入門編程的第一選擇。
  • JavaScript入門教程
    BOM結構圖3) 內容簡介windowBOM使javascript有能力與瀏覽器進行溝通,這個溝通從window對象開始,所有的window對象的屬性和方法自動成為javascript的全局變量和全局函數
  • JavaScript 數組操作函數總結
    這裡總結到的 js 數組操作函數有:push,pop,join,shift,unshift,slice,splice,concat(1)push 和 pop這兩個函數都是對數組從尾部進行壓入或彈出操作。push(arg1,arg2,...)可以每次壓入一個或多個元素,並返回更新後的數組長度。
  • 在JavaScript中,使用replace()、test()和exec()方法匹配字符串
    ;var res = str.replace("案例", "例子");document.write(res);</script>此JS代碼說明如下:在replace()方法中第一個參數使用了一個字符串
  • Python爬蟲基礎:常用HTML標籤和Javascript入門
    ("test").innerHTML="動態內容";    </script></html>如果一個網站中會用到大量的JavaScript代碼,一般會把這些代碼按功能劃分到不同函數中,並把這些函數封裝到一個擴展名為js的文件中,然後在網頁中使用。
  • JavaScript函數 - 事件驅動
    什麼是事件驅動函數? 最後給大家補充一個知識,叫做事件驅動函數,它到底是做什麼的呢?在頁面交互的過程中所調用的函數,該函數被稱之為事件驅動函數。現在先來簡單的了解一下,以後會詳細講到什麼是事件?和頁面交互的行為稱之為事件比如:滑鼠點擊某個按鈕時(onclick)、滑鼠浮動,或者滑鼠離開某一個區域(onmouseover、onmouseout)、文本框獲取焦點和失去焦點時(onfocus、onblur)等等如果我們想給一個按鈕綁定一個事件,就要通過事件驅動函數來綁定,並且通過id來找到它<script type = "text/javascript
  • 第41節 Document文檔節點-Javascript
    ;"];document.write(arr.join(""));function func(){ return "func";}document.write(func + "<br>");document.write(function(){ return "Happy";}());只有在解析文檔時才能使用write()方法輸出HTML到當前文本,如果把write()方法放到一個函數內或者在文檔加載結束後再調用
  • JavaScript函數 - 遞歸
    什麼是函數遞歸?遞歸是指函數自己調用自己。注意:我們可以寫出遞歸,但是我們並不知道她如何得出結果。1.面試官如果問你遞歸的相關知識,面試官的水平還不錯。2.但是在工作中,一般情況下禁止使用遞歸。方法:1.首先去找臨界值,既無需計算,獲得的值。
  • 初學JavaScript應該清楚函數、事件、關鍵字和保留字、注釋的使用
    </title> <script type="text/javascript"> document.write("你好"); document.write("Hello"); </script>&
  • JavaScript日期函數 - 計時器、innerHTML
    注意引號、分號等標點符號一定要用英文的運行結果如下:2.setDate()和getDate()封裝一個函數,可以根據輸入的數值n(天數)顯示n天后的時間分析:先獲取當前時間,再獲取天數,再用天數加上n天function numOfDate( n ){ //n天后var d = new Date(); //獲取當前時刻
  • 在JavaScript中使用Window對象的警告框、確認框、窗口尺寸和操作
    如瀏覽器的「後退」功能,除了可以使用滑鼠點擊實現之外,還可以使用BOM實現。對於學習JavaScript開發者來說,最常用的與瀏覽器交互的就是彈出警告框和確認框。三、全局變量和全局函數在JavaScript中,能夠對瀏覽器整體設置的屬性稱為全局屬性。而可以實現整個瀏覽器的功能的稱為全局方法。在這裡定義的變量x,就是全局變量,該變量將成為window對象的屬性,也就是說會自動存放全局的屬性當中。
  • 第六篇:DOM對象與Document
    DOM對象概述DOM是一套Web標準,它定義了訪問HTML文檔對象的一套屬性、方法和事件,DOM實際上是建立網頁與JavaScript語言溝通的橋梁。DOM對象層次結構如下圖所示:DOM對象的使用應用DOM可以完整解析HTML網頁,DOM會在內存中構建一棵完整的解析樹,來實現對網頁文檔的動態訪問和操作,它把網頁所有的HTML元素都解析為樹上層次分明的節點,然後可以對這些節點進行添加、修改、刪除和查看等操作
  • 每日一課 | JavaScript中的數組
    如何檢索數組中的第一個和最後一個元素? ("Array Is " + array+"<br/>"); document.write("First Element -- " + array[0] + "<br/>");document.write("Last Element -- " + array[array.length - 1]
  • 利用CSS、JavaScript及Ajax實現圖片預加載的三大方法
    方法一:用CSS和JavaScript實現預加載實現預加載圖片有很多方法,包括使用CSS、JavaScript及兩者的各種組合。這些技術可根據不同設計場景設計出相應的解決方案,十分高效。該腳本的第二部分,我們使用addLoadEvent()函數來延遲preloader()函數的加載時間,直到頁面加載完畢。如果JavaScript無法在用戶的瀏覽器中正常運行,會發生什麼?很簡單,圖片不會被預加載,當頁面調用圖片時,正常顯示即可。
  • JavaScript
    2.1997 年,ECMA (歐洲計算機製造商協會),制定出客戶端腳本語言的標準:ECMAScript,統一了所有客戶端腳本語言的編碼方式 javascript組成: 1、ECMAscript javascript的語法(變量、函數、循環語句等語法) 2、DOM 文檔對象模型 操作html和css的方法 3、BOM 瀏覽器對象模型 操作瀏覽器的一些方法
  • 每日一課 | 使用JavaScript強制下載
    隨著網絡世界在客戶端方面的發展,我開始尋找一種無需伺服器即可強制下載的方法,然後在Firefox DevTools Debugger中找到了它。  const a = document.createElement("a");  a.style.display = "none";  document.body.appendChild(a);  // Set the HREF to
  • 第五篇:JavaScript事件處理
    HTML文檔或元素也稱為DOM對象,DOM是一套Web標準,它定義了訪問HTML文檔對象的一套屬性、方法和事件。DOM實際上是建立網頁與JavaScript語言溝通的橋梁。JS如何監聽事件?如果JS需要對DOM對象觸發的事件進行處理,就需要監聽這些事件,瀏覽器會自動調用監聽事件的JS函數。JS有三種監聽事件的方式:分別是內聯屬性監聽、DOM屬性綁定監聽和使用事件監聽函數。
  • 詳解 JavaScript 閉包
    閉包的特性閉包有三個特性:1.函數嵌套函數2.函數內部可以引用外部的參數和變量3.參數和變量不會被垃圾回收機制回收閉包的定義及其優缺點閉包 是指有權訪問另一個函數作用域中的變量的函數,創建閉包的最常見的方式就是在一個函數內創建另一個函數
  • JavaScript 基礎語法
    3.2 新手常見錯誤Unexpected token ILLEGAL 表示:基本語法錯誤err_File_not_found 表示:文件路徑錯誤4 常見調試方法當頁面出現了問題,如何定位錯誤呢?在此介紹三種方法:。
  • 網頁技巧:妥善處理JavaScript中的錯誤
    利用JavaScript,就有多種技術和語言特色可以用來正確地解決任何問題。事事檢查在開始之前檢查一切是一個好的編程習慣,也就是說,你應該在利用它們之前,檢查對象、方法調用等的有效性。這樣就避免了與未實例化對象或對不存在的方法調用有關的錯誤。列表A在使用對象(變量和欄位)之前會對它們進行檢查。