JavaScript & TypeScript总结

SS_SS_SSS_SSS

已于 2022-06-25 23:50:24 修改

阅读量830

点赞数 1

文章标签： javascript 前端开发语言

于 2022-06-25 16:19:05 首次发布

本文链接：https://blog.csdn.net/SS_SS_SSS_SSS/article/details/125414696

版权

一.JavaScript简介

二.JavaScript用法

1.<body>中的 JavaScript

1.onclick用户点击 HTML 元素

2.onmouseover，onmouseleave事件

一.JavaScript简介

JavaScript是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

JavaScript脚本语言具有以下特点:

①JavaScript是一种解释型的脚本语言，JavaScript是在程序的运行过程中逐行进行解释。；②JavaScript是一种基于对象的脚本语言，它不仅可以创建对象，也能使用现有的对象；③JavaScript语言中采用的是弱类型的变量类型，对使用的数据类型未做出严格的要求，是基于Java基本语句和控制的脚本语言，其设计简单紧凑； ④动态性。JavaScript是一种采用事件驱动的脚本语言，它不需要经过Web服务器就可以对用户的输入做出响应； ⑤跨平台性。JavaScript脚本语言不依赖于操作系统，仅需要浏览器的支持。

二.JavaScript用法

HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间。

  <script>
    alert("HTML页面插入JavaScript需要使用scrip标签");
 </script>

运行效果：

1.<body> 中的 JavaScript

把一个 JavaScript 函数放置到 HTML 页面的 <body> 部分。

2.<head> 中的 JavaScript

把一个 JavaScript 函数放置到 HTML 页面的 <head> 部分。

3.外部的 JavaScript

把脚本保存到外部文件中。外部 JavaScript 文件的文件扩展名是 .js（这和之前css外部样式表比较相似）。使用外部文件，需在 <script> 标签的 "src" 属性中设置该 .js 文件

外部文件通常包含被多个网页使用的代码。

以上三种方式的效果图：

三.JavaScript 语句

JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

JavaScript 语句向 id="lg" 的 HTML 元素输出文本 "这是lg语法演示" ：

  <h1>语法演示</h1>
  <p id="lg">这里写了也没用</p>
  <script>
  document.getElementById("lg").innerHTML = "这是lg语法演示";
  </script>

运行效果图：

JavaScript 代码是 JavaScript 语句的序列。浏览器按照编写顺序依次执行每条语句。

  <h1>顺序演示</h1>
 <p id="lg"></p>
  <div id="LG"></div>
  <script>
  document.getElementById("LG").innerHTML="白色风车";
  document.getElementById("lg").innerHTML="回到过去";
  </script>

运行效果图：

四.声明 JavaScript 变量

在 JavaScript 中我们使用 var 关键词来声明变量，变量声明之后，该变量是空的（这与c语言是一样的）。如需向变量赋值，请使用等号，可以在声明变量时对其赋值，也可以在声明变量后再对其赋值；

  <script>
    var x="5";
    var y;
    y=6;
    document.write(x + "<br>");
    document.write(y + "<br>");
  </script>

五.JavaScript 对象

在 JavaScript中，几乎所有的事物都是对象。这一点和C++有一点类似。

对象也是一个变量，但对象可以包含多个值（多个变量），每个值以 name:value 键值对呈现。

对象由花括号分隔。在括号内部，对象的属性以名称和值的形式来定义。属性由逗号分隔：

1.对象属性

键值对在 JavaScript 对象通常称为对象属性

<script>
    var Jay=
    {
      one: "轨迹",
      two: "暗号",
      three: "你听得到"
    };
    document.write(Jay.one+ "<br>");
    document.write(Jay.two+ "<br>");
    document.write(Jay.three+ "<br>");
    </script>

运行效果图：

2.对象方法

对象的方法定义了一个函数，并作为对象的属性存储。对象方法通过添加 () 调用 (作为一个函数)。

访问对象方法通常 fullName() 是作为 person 对象的一个方法， fullName 是作为一个属性。

如果使用 fullName 属性，不添加 (), 它会返回函数的定义：

  <h1>创建和访问对象方法。</h1>
  <h2>对象方法是一个函数定义,并作为一个属性值存储。</h2>
  <p id="lg"></p>
  <p id="LG">&

最低0.47元/天解锁文章

SS_SS_SSS_SSS

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript & TypeScript总结

JavaScript初学总结
复制链接

扫一扫