一、JavaScript
JS程式設計通用步驟
1新增互動事件——2新增事件行為
1——例如onclick()
2——例如function test()
document.write()
個人理解:這個方法其實就是往這個HTML文件中(document)中寫入東西,可以是“sss”也可以是“<h1>sss</h1>”,在HTML檔案中反正就體現為:sss或者<h1>sss</h1>
還可以寫變數
window.open
-
_top
-
_self——自身跳轉新視窗
-
_blank——另開新視窗
JS輸出空格
瀏覽器針對手動輸入的連續空格,一直都只是保留一個。
-
用
 
-
用CSS樣式 white-space:pre
JS的(function(){XXX})();的寫法含義
IFE—js作業01
這個程式碼不錯,可以完全不干擾HTML檔案。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IFE JavaScript Task 01</title>
</head>
<body>
<label>請輸入北京今天空氣質量:<input id="aqi-input" type="text"></label>
<button id="button">確認填寫</button>
<div>您輸入的值是:<span id="aqi-display">尚無錄入</span></div>
<script type="text/javascript">
(function() {
/*
在註釋下方寫下程式碼
給按鈕button繫結一個點選事件
在事件處理函式中
獲取aqi-input輸入的值,並顯示在aqi-display中
*/
var btn = document.getElementById(`button`);
btn.onclick = function(){
var text = document.getElementById(`aqi-input`).value;
var show = document.getElementById(`aqi-display`);
show.innerText = text;
}
})();
</script>
</body>
</html>
彈窗
-
alert[警告]
-
confirm[確認]
-
prompt[提示]
-
window.open———_self _top _blank
var
宣告多個變數時,要用逗號分隔。
二、CSS
q與blockquote
q是行內引用 它自帶“”
blockquote是塊級引用