JavaScript 是一种轻量级的可插入 HTML 页面的编程语言。那么JavaScript如何编写？如何实现逻辑？

基本语法

  • 可以写入html输出、对时间做出反应、改变HTML的内容、图像、样式等等

  • HTML 中的脚本必须位于 <script> 与 <script> 标签之间。

  • 脚本可被放置在 HTML 页面的<body> 和 <head> 部分中。通常的做法是把函数放入 <head&gt 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。

  • 如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。

  • <body>中的JavaScript会在页面加载时运行

  • 通常，我们需要在某个事件发生时执行代码，比如当用户点击按钮时。

    如果我们把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数。

  • 如需使用外部文件，请在 <script> 标签的 “src” 属性中设置该 .js 文件，注意外部脚本不能包含 <script>标签。

  • document.write() 仅仅在加载时向文档输出写内容。

    如果在文档已完成加载后再执行 document.write，整个 HTML 页面将被覆盖

  • 注释和C语言一样

  • 变量为var

  • 对象的定义-名称和值对的形式：var person={firstname:”Bill”, lastname:”Gates”, id:5566};

  • 函数定义不用定义参数类型

DOM

JavaScript HTML DOM（Document Object Model）文档对象模型

可访问 JavaScript HTML 文档的所有元素。

DOM HTML 树

我们可以通过id、标签名、类名找到html元素

可以对html元素内容进行修改

添加和删除节点（HTML元素）

常用对象

  • 对象建立类似c++，但是它可以直接创建新的实例，而不需要定义，在之后进行添加就行

  • 只有一种数字类型，所有数字都会存储为根为10的64位浮点数

  • 字符串长度length

  • Date 日期对象 getdate、setdate 可以用大小直接比较日期的先后

  • array 数组 sort 排序

  • Boolean 对象 用于将非逻辑值转换为逻辑值（true 或者 false）。

  • 正则表达式：RegExp 对象用于规定在文本中检索的内容。RegExp 对象有 3 个方法：test()、exec() 以及 compile()。

    • test() 方法检索字符串中的指定值。返回值是 true 或 false。
    • exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。
    • compile() 方法用于改变 RegExp, 既可以改变检索模式，也可以添加或删除第二个参数。