前言：
👏作者简介：我是笑霸final，一名热爱技术的在校学生。
📝个人主页：​笑霸final的主页​ 📕系列专栏：：本文写在java专栏 📧如果文章知识点有错误的地方，请指正！和大家一起学习，一起进步👀
🔥如果感觉博主的文章还不错的话，请👍三连支持👍一下博主哦

javascript入门一

简介

JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习。
js是弱类型语言。

这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

用法

1.HTML 中的脚本必须位于 ​​<script> 与 </script>​​标签之间。脚本可被放置在 HTML 页面的 和 部分中。

2.​​<script>​​​ 标签
如需在 HTML 页面中插入 JavaScript，请使用 ​​​<script>​​ 标签

<script>

实列：

<script type="text/javascript">
alert("Hello World!")
</script>

javaweb入门4之javascript入门一_前端

输出

JavaScript 可以通过不同的方式来输出数据： 使用 window.alert() 弹出警告框。其中windows可以省略.

javaweb入门4之javascript入门一_html_02

使用 document.write() 方法将内容写到 HTML 文档中。

使用 innerHTML 写入到 HTML 元素。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">//设置编码。防止乱码
    <title></title>
  </head>
  
<body>
  <h1>我的第一个 Web 页面</h1>

  <p id="d1">你好，世界</p>

  <script>//这个标签可以写在body也可以写在head
  //document.getElementById("d1").innerHTML = "我是笑霸final。";
  //这里是一个注释
  </script>

</body>
</html>

javaweb入门4之javascript入门一_开发语言_03


我们打开注释后：

javaweb入门4之javascript入门一_前端_04

使用 console.log() 写入到浏览器的控制台。

javaweb入门4之javascript入门一_前端_05

语法

JavaScript 字母大小写
JavaScript 对大小写是敏感的。
当编写 JavaScript 语句时，请留意是否关闭大小写切换键。
函数 getElementById 与 getElementbyID 是不同的。
同样，变量 myVariable 与 MyVariable 也是不同的。
浅识关键字

javaweb入门4之javascript入门一_html_06


1.数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)。


2.字符串（String）字面量 可以使用单引号或双引号:


3.数组（Array）字面量 定义一个数组：

函数：用function来定义

function myFunction(a, b) {
    return a + b;                      
}

注意：JavaScript 中，常见的是驼峰法的命名规则，如myFunction (而不是lmyfunction)。

变量和数据类型 数据类型

1.大小写敏感
2.变量必须以字母开头
3.变量也能以 $ 和 _ 符号开头（不推荐）
3.JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。
引用数据类型：对象(Object)、数组(Array)、函数(Function)。
声明变量使用var和let

var me = '笑霸final';//这里me就是字符串型
var me = 1;//这里me就是number

var和let的区别

1.全局作用域：但是，被let声明的变量不会作为全局对象window的属性，而被var声明的变量却可以。
2.函数作用域
var 和 let 在函数作用域中声明一个变量，两个变量的意义是相同的。
3.块作用域:在块作用域中两者的区别较为明显， let只在for()循环中可用，而 var是对于包围for循环的整个函数可用

function  aFun1(){
    // i 对于for循环外的范围是不可见的(i is not defined)
    for(let i = 1; i<5; i++){
        //  i只有在这里是可见的
    }
    // i 对于for循环外的范围是不可见的(i is not defined)
}
function aFun2(){
    // i 对于for循环外的范围是可见的
    for(var i = 1;i<5; i++){
        // i 在for 在整个函数体内都是可见的
    }
    // i 对于for循环外的范围是可见的
}

4.let 和var 重新声明:var允许在同一作用域中声明同名的变量，而let不可以

循环和条件语句

条件语句:用法和java c一样！！！！！
if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
if…else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
if…else if…else 语句- 使用该语句来选择多个代码块之一来执行
switch 语句 - 使用该语句来选择多个代码块之一来执行

循环:
类型
1.for - 循环代码块一定的次数
2.for/in - 循环遍历对象的属性
3.while - 当指定的条件为 true 时循环指定的代码块
4.do/while - 同样当指定的条件为 true 时循环指定的代码块

var person={属性1:"笑霸fianl",属性2:"hahaha",属性3:100}; 
    for (x in person)  // x 为属性名
    {
       alert(x+person[x]);
    }

浏览器就会循环弹出属性

javaweb入门4之javascript入门一_html_07


javaweb入门4之javascript入门一_html_08

javaweb入门4之javascript入门一_html_09