【105天】前端碎片知识拾遗00003

最新推荐文章于 2024-10-18 17:51:23 发布

weixin_34187822

最新推荐文章于 2024-10-18 17:51:23 发布

阅读量74

点赞数

文章标签： javascript 前端 ViewUI

原文链接：https://segmentfault.com/a/1190000009160896

版权

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

浏览器针对手动输入的连续空格，一直都只是保留一个。

用&nbsp
用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>