1. 程式人生 > >javascript基礎整理(一)

javascript基礎整理(一)

obj IT round ron back 警告框 doctype prompt src

首先了解一下什麽是javascript,javascript是基於對象和事件驅動並具有相對安全性廣泛用於客戶端網頁開發的腳本語言,同時也是一種廣泛用於web客戶端開發的腳本語言

  • javascript組成

BOM(browser object model) :瀏覽器對象模型,描述與瀏覽器交互的方法和接口

DOM(document object model) :文檔對象模型,描述網頁內容的方法和接口

ECMAScript : 操作DOM和BOM

  • javascript特點

解釋型

逐行執行 一行報錯 後續代碼全部不執行

弱類型

說了這麽多理論知識,下面來看看javascript的引入的方式和位置

第一種 script標簽(內部引入) 可以放在任意位置,但是推薦放在body的最下面(先加載html和css代碼,在加載js代碼)

第二種 script標簽引入(也就是外部引入),js代碼單獨放一個js文件夾

註意啦!要是兩種方式一起用的時候怎麽辦,以外部引入為主,內部script標簽裏的代碼全部作廢

<!DOCTYPE html>
<html>
    <head>
           <
meta charset="UTF-8"> <title></title> <style type="text/css"> /*這裏是css代碼*/ </style> </head> <body> /* 這裏寫html代碼*/ <script>/*第一種內部引入*/ /*js代碼*/ </script> <
script src = "路徑">/*第二種外部引入*/ /*js代碼*/ </script> </body> </html>

三種調試方法

alter("可為中文和英文") //彈出警告框(用的比較少)

document.write(" ") //頁面輸出(會覆蓋body中的其他內容)

console.log(" ") //在控制臺輸出 按F12,然後點擊console(常用)

兩種輸出方式

是不是看到了上面的輸出字眼,沒錯,兩種輸出方式就是document.write和console.log

三種彈框

alter()

prompt( 提示信息,默認值) //彈出輸出框

confirm() //確定取消彈框,確定返回true,取消返回false

javascript基礎整理(一)