App下載

怎么快速學(xué)習(xí)javascript

猿友 2021-03-31 11:20:41 瀏覽數(shù) (1777)
反饋

JavaScript 的重要性不言而喻,如何快速學(xué)習(xí) JavaScript 就很重要了。

JavaScript:事件反應(yīng)

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>w3cschool(編程獅)</title> 
</head>
<body>
	
<h1>我的第一個(gè) JavaScript</h1>
<p>
JavaScript 能夠?qū)κ录鞒龇磻?yīng)。比如對(duì)按鈕的點(diǎn)擊:
</p>
<button type="button" onclick="alert('歡迎!')">點(diǎn)我!</button>
	
</body>
</html>

JavaScript:改變 HTML 內(nèi)容

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>w3cschool(編程獅)</title> 
</head>
<body>
	
<h1>我的第一個(gè) JavaScript</h1>
<p>
JavaScript 能夠?qū)κ录鞒龇磻?yīng)。比如對(duì)按鈕的點(diǎn)擊:
</p>
<button type="button" onclick="alert('歡迎!')">點(diǎn)我!</button>
	
</body>
</html>

JavaScript:改變 HTML 樣式

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>w3cschool(編程獅)</title> 
</head>
<body>
<h1>我的第一段 JavaScript</h1>
<p id="demo">
JavaScript 能改變 HTML 元素的樣式。
</p>
<script>
function myFunction()
{
	x=document.getElementById("demo") // 找到元素
	x.style.color="#ff0000";          // 改變樣式
}
</script>
<button type="button" onclick="myFunction()">點(diǎn)擊這里</button>
</body>
</html>

JavaScript 顯示數(shù)據(jù)

  • 使用 console.log() 寫(xiě)入瀏覽器的控制臺(tái)顯示
  • 使用 window.alert() 彈出警告框
  • 使用 innerHTML 寫(xiě)入 HTML 元素
  • 使用 document.write() 方法寫(xiě)入 HTML 中

JavaScript 字母大小寫(xiě)

JavaScript對(duì)大小寫(xiě)很敏感,請(qǐng)留意大小寫(xiě)切換鍵是否準(zhǔn)確,例如:getElementById 和 getElementbyId 是不同的。

以上就是小編為您帶來(lái)的關(guān)于 怎么快速學(xué)習(xí)javascript 的全部?jī)?nèi)容


0 人點(diǎn)贊