【105天】前端碎片知識拾遺00003

Wall_Breaker發表於2019-02-16

一、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輸出空格

瀏覽器針對手動輸入的連續空格,一直都只是保留一個。

  1. &nbsp

  2. 用CSS樣式 white-space:pre

JS輸出空格

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>

彈窗

  1. alert[警告]

  2. confirm[確認]

  3. prompt[提示]

  4. window.open———_self _top _blank

var

宣告多個變數時,要用逗號分隔。

二、CSS

q與blockquote

q是行內引用 它自帶“”
blockquote是塊級引用

三、HTML

相關文章