2018/10/11JavaScript學習第一課

阿新 • • 發佈：2018-12-14

教學內容

什麼是程式語言？
軟體程式設計的基本思路，流程控制和函式的概念；
JavaScript 介紹，理解 JavaScript 的書寫規範和簡單的程式程式碼。

課程重點

JavaScript 和 HTML 的關係；
如何執行 JavaScript 程式碼；
認識核心的函式 document.getElementById()的使用。

作業完成情況

1. 將課堂演示的程式碼理解的敲出來，並正確執行；

2. 預習 JavaScript 輸出、語句、註釋、變數、資料型別章節；

3. 完成一個字型樣式設定功能的程式碼編寫，可以改變字型的大小和顏色；

程式碼如下

<!DOCTYPE html> 

<html>
<head>
	<title></title>
	<style type="text/css">
		body select#k1 {
			height: 20px;
			margin-top: 20px;
		}
		body select#k2 {
			height: 20px;
			margin-top: 25px;
			margin-left: 60px;
		}
	</style>
</head>
<body>
	<select id="k1" onchange="sum()" 
>
		<option id="size1" value="20">20px</option>
		<option id="size2" value="40">40px</option>
		<option id="size3" value="60">60px</option>
	</select>
	<select id="k2" onchange="sun()">
		<option id="color1" value="#FF0000">紅色</option>
		<option id= 
"color2" value="#00FF00">綠色</option>
		<option id="color3" value="#0000FF">藍色</option>
	</select>
	<hr>
	<h1 id="h">Hello JavaScript!</h1>
</body>
<script type="text/javascript">
	function sum() {
	var r = document.getElementById("k1").value;
	document.getElementById("h").style.fontSize = r + "px";
	}
	function sun() {
	var b = document.getElementById("k2").value;
	document.getElementById("h").style.color = b ;
	}
</script>
</html>

成果展示

在這裡插入圖片描述

4.問答題

a.JavaScript 的發展歷史；

機器碼——組合語言——高階語言

b.JavaScript 和 Java 的區別；

本質： java是一種可以撰寫跨平臺應用軟體的面向物件的程式設計語言，即使是開發簡單的程式，也必須設計物件；而JavaScript是一種直譯式指令碼語言，它本身提供了非常豐富的內部物件供設計人員使用。

執行方式： Java是介於解釋型和編譯型語言之間的一種語言，java的原始碼在傳遞到客戶端執行之前，必須經過編譯，通過相應平臺上的直譯器，實現獨立於某個特定的平臺編譯程式碼的束縛。JavaScript是一種解釋性程式語言，其原始碼在發往客戶執行之前不需經過編譯，而是將文字格式的字元程式碼傳送給客戶編由瀏覽器解釋執行。

用途： java廣泛應用於個人PC、資料中心、遊戲控制檯、科學超級計算機、行動電話和網際網路等，而Javascript的用途是:1.嵌入動態文字於HTML頁面;2.對瀏覽器事件做出響應; 3.讀寫HTML元素;4.在資料被提交到伺服器之前驗證資料;5.檢測訪客的瀏覽器資訊; 6.控制cookies，包括建立和修改等。

2018/10/11JavaScript學習第一課

教學內容什麼是程式語言？軟體程式設計的基本思路，流程控制和函式的概念； JavaScript 介紹，理解 JavaScript 的書寫規範和簡單的程式程式碼。課程重點 JavaScript 和 HTML 的關係；如何執行 JavaScript 程

C語言學習第一課

學習至於C語言，可謂曾經朋友，當下陌路。本科時選擇通信工程專業，開始便接觸學習了C語言。只是當時貪玩，泛泛而讀，應付考試，從不走心。徒心塞了今天讀研的我。發現人在江湖，欠的終歸要還，所以，勵誌的我，準備從零學起。以此微博日日更新為證，監督自我學習C語言。今天學的第一個程序。英寸到厘米的轉換。1英寸=2.54

Python學習第一課

駝峰重復 not com ron tin 不可變鎖定邏輯運算課程筆記： #變量 age=18 #定義一個變量，會有三個特征：id(內存地址),type(類型),value(地址) print(id(age),type(age),age)

學習第一課

新聞一課 bsp 就業簡單 style 智能新的 spa 今天簡單了解了一下IT行業的就業前景以及實際涉及的方面。我來到漢企培訓的初衷是：一、未來是大數據與人工智能的時代，現在國家很重視這方面的投入，在新聞裏看到上海新建的無人港口，被那些最前沿的技術所深深震撼

Asp.net MVC4高級編程學習筆記-視圖學習第一課20171009

強類型編寫 ret namespace i++ 智能權限 eba 轉換成首先解釋下：本文只是對Asp.net MVC4高級編程這本書學習記錄的學習筆記，書本內容感覺挺簡單的，但學習容易忘記，因此在邊看的同時邊作下了筆記，可能其它朋友看的話沒有情境和邏輯順序還請諒解

電腦小白學習第一課---IP地址查詢和設置

信息獲得一個 mage ges 網絡連接連接回車學習 IP地址網絡的身.份.證信息 (唯一性，不可重復，同一個區域不可以設置相同的IP地址)IP分為分為IPv4和IPv6目前我們一般使用IPv4設置方法：電腦右下角網絡連接圖標右擊--->打開網絡和共享中心-

Andrew機器學習第一課

ont 一個批梯度下降參考 span mage img detail nbsp 批梯度下降算法：訓練樣本為一個時：更新Θi 讓代價函數最小，利用沿梯度下降方向函數會變得越來越小。這個函數是代價函數J關於(Θi )的。這裏並沒有在討論x，y。關於

2018-10-11學習python第三天

python 完整 lse 聯合代碼塊學習判斷例子控制　　今天是學習 python 的第三天，此處重點記憶，判斷（if）語句 1.1　　if 語句體驗註意：代碼的縮進為一個 tab 鍵，或者 4 個空格 —— 建議使用空格在 Python 開發中，Ta

2018.10.15學習筆記——H5新特性

.com 代碼分享筆記 bubuko 引入解決瀏覽器動態創建一、新標簽兼容ie678方式：　　1.動態創建標簽；　　2.引入別人寫好的兼容插件；　　3.完美解決方式：cc:ie6；　　上代碼：　　　　　　二、video/audio標簽兼容方式：　

2018-10-17學習python第四天

pan remove 定義選擇不同類 let 存儲整型 extend 　　嚴格來說今天不是學習 python 的第四天，只是寫 python 筆記的第四天~~ 1、高級變量類型 1.1　　知識點回顧 Python 中數據類型可以分為數字型和非數字型

2018-10-19學習python第六天

菜單返回 todo 流程 spa 理解 color 語句補充　　今天這篇主要總結之前學習過的語法，為了更加理解流程控制，通過項目實戰——名片管理系統，強化之前的學習補充知識點 pass pass 就是一個空語句，不做任何事情，一般用做占位語句是為了保持程序結構

2018.10.18學習總結

郵箱是否 nco tco ict 成功安裝包替換作用 1""" hash lib hash是一種算法是將一個任意長的數據根據計算得到一個固定長度特征碼特征: 不同輸入可能會有相同的結果幾率特別小相同的輸入必然得到相同

2018.10.19學習總結

取消 baidu 手機驗證 cxx split ext1 spl 非貪婪 1正則表達式import re# [] 範圍匹配中間用-來連接# re.findall("[a-zA-Z0-9]","a ab abc abcd a123c")# 如果要匹配符號- 要寫表

2018-10-29學習python第九天

min with 抽象產生父類什麽特定 class elf 1、多態面向對象三大特性封裝根據職責將屬性和方法封裝到一個抽象的類中定義類的準則繼承實現代碼的重用，相同的代碼不需要重復的編寫設計類的技巧子類針對自己特有的需求，

C++學習第一課初學者易犯的錯誤

初學C++初學者容易犯C語言的一些錯誤：C語言是面向過程的設計，而C++是面向物件的設計例如，我們寫一個求圓的面積的程式碼：使用C語言的方法（即面向物件的方法）是： //求圓的面積 //用面向過程的方法求解圓形的面積 // << >> 不會用: 標準輸入cin

2018/10/01學習日誌。

1, 運算子，運算子的優先順序，邏輯運算子，條件運算子，條件表示式， ++，--操作符，位運算， 2，基本把第三章內容看懂了， 3 部分運算子優先順

Es學習第一課，瞭解基本功能和概念

Elasticsearch作為這幾年最流行的搜尋引擎，越來越多的網際網路企業都在採用它；作為java開發者來說，如果想進一步提高自己能力，同時也為了能夠在實際工作中遇到搜尋、儲存問題多一個解決方案，學習ES絕對大家工作、學習乃至找工作都是一個極大的好處。下面我就結合自己學習ES的一

2018-10-20學習python第七天

　　又有幾天沒有寫 python 筆記了，忙成狗 1、變數進階（理解） 1.1　　變數的引用引用的概念變數和資料是分開儲存的資料儲存在記憶體中的一個位置變數中儲存著資料在記憶體中的地址變數

2018.10.8學習筆記

10.8學習筆記今天課程較多，只有晚上才有點閒暇時間，於是複習了一下前幾天學的簡單工廠模式和策略模式，果然是溫故而知新，可以為師矣。 1.簡單工廠模式：定義一個工廠類來建立物件，將物件的建立與使用物件實行了分離。簡單工廠模式結構： ①Factory（工廠類） ②Product（

2018.10.7學習筆記

10.7學習筆記今天學習了《Java程式設計思想》的第六、七章。下面對今日學習收穫與疑惑作總結。 1.JAVA_HOME、PATH、CLASSPATH： ①JAVA_HOME：jdk的安裝路徑。 ②PATH：作用是指定java命令的搜尋路徑，jdk安裝目錄下的bin目錄下包含

2018/10/11JavaScript學習第一課

教學內容

課程重點

作業完成情況

1. 將課堂演示的程式碼理解的敲出來，並正確執行；

2. 預習 JavaScript 輸出、語句、註釋、變數、資料型別章節；

3. 完成一個字型樣式設定功能的程式碼編寫，可以改變字型的大小和顏色；

程式碼如下

成果展示

4.問答題

a.JavaScript 的發展歷史；

b.JavaScript 和 Java 的區別；

相關推薦