2020-11-15

初识JaveScript

js的组成:
ECMAScript:主要规定了js的组成、引入方式、命名规范、输入方式、变量、数据类型、基本语法、操作语句
+DOW:document、object、model文档对象模型(可以识别文档、操作HTML)
+BOW:browser、object model 浏览器对象模型(就是浏览器)

页面的加载顺序:

先加载css,在加载js、这是一个规范(习惯)。
is代码一般在body的后面

js的引入方式

+行内式,和html 写在一行
+内嵌式,内嵌在html结构当中
+外链式,引用一个js文件

//行内式
<input type="button"value="按钮"onclick="alert(1)">
//内嵌式
<script>
aliet(1);
</script>
//外链式
<script src="./dome.js"></script>

js的注释

  • 单行注释是双斜杠// 单行注释
  • 多行注释是双斜杠加两个*号/*很多行代码*/

js的输入方式

  • 弹框输出alert(1);
  • 在控制台打印console.log(123);
  • 在页面中输出document.write("I LOVE CODING");

获取DOW元素与操作DOW

DOW指的是HTML节点
1.通过id获取元素document.getElementByld("box");
2.修改html标签中的内容

  • innerTest:只可以标识文本,不识别标签

document.getElementByld("box").innerTest="<h2>硬件一班</h2>"

  • innerHTML;可以识别标签
    document.getElementByld("box").innerTest="<h2>硬件二班</h2>"
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 0 介绍 0.1 ECMAScript ECMA-262 的第 5 版是 JS 的第一个稳定版本,得到了各浏览器厂...
    前端泥瓦匠阅读 439评论 0 0
  • 原javaScript学习笔记(一)js基础 一、简介 1、概述: JavaScript是目前web开发中不可缺少...
    眼镜蛇阅读 361评论 0 1
  • 浏览器内核 常用的浏览器内核: -谷歌浏览器(chrome): Webkit内核 (V8引擎) safari、...
    青青玉立阅读 842评论 0 0
  • 写在前面 本文是我通过在网易云课堂上学习 叶建华 老师的 撩课-零基础玩转JavaScript 视频教程,整理、精...
    David_Rao阅读 441评论 0 5
  • 渐变的面目拼图要我怎么拼? 我是疲乏了还是投降了? 不是不允许自己坠落, 我没有滴水不进的保护膜。 就是害怕变得面...
    闷热当乘凉阅读 4,348评论 0 13