一、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


Wall_Breaker
2.1k 声望1.2k 粉丝

生死之间,就是我的跃迁之路,全程记录,欢迎见证