一万个小时计划之1——JavaScript简单的几个例子

本文链接：https://blog.csdn.net/qq_40276753/article/details/103755335

要点1 javascript历史

javascript与java并无关联，开发者只是曾经与java有过合作。前代叫做ecmascript.

要点2 javascript语法特点

javascript的语法特点是：基于对象，事件驱动，松散型，解释型。

其中事件驱动是指我们可以在html代码中添加，也可以在javascript代码中添加。

效果如下：

用txt文件编写，然后后缀改成html就可以在浏览器中打开这个html文件

浏览器的效果是这样的

松散型的意思是它的语法不是很严格，可以加分号，也可以不加。

函数和var都可以在声明之前访问。

解释型说明javascript语言不需要变异，编写完之后就可以在网页上直接跑。

alert会阻塞代码的运行，可以用来差错

要点3 使用javascript

在域名或者重定向的位置引入javascript

<!DOCTYPE html><html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <a href="javascript:alert('引用方式alert')">我是可以点击的</a>

<form action="javascript:alert('表单中的alert')">
  <input type="submit" name="" value="">
</form>
 
</body>
</html>

运行alert那里会出现乱码

这是因为我们的编码集使用的是utf-8

当我们把之前的编码方式改成gb2312时，发现正常了，因为gb2312编码里面有中文的编码集。

要点4 可以用标签方式书写javascript

可以通过script标签来书写javascript

要点5 javascript中的变量是全局变量

每个块之间的变量都可以互相访问

<!DOCTYPE html><html lang="en">
<head>
  <meta charset="gb2312">
  <title>Document</title>
  <script type="text/javascript">
    var str='hello'
  </script>
  <script type="text/javascript">
    alert(str);
  </script>
</head>
<body>

 
</body>
</html>

运行效果

要点6 javascript控制台各种输出

我们可以通过console来打印输出到控制台。

可以看到网站上面打印了之前我们的数字了

如果我们用console.dir()可以详细的打印出对象的属性和属性链

如果我们使用console.table()可以将其转换为表格

要点七弹出输入框和确认框

<!DOCTYPE html><html lang="en">
<head>
  <meta charset="gb2312">
  <title>Document</title>
</head>
<body>
  <script>
    var str1=prompt("期末不挂科","奥利给！");
  </script>

</body>
</html>

<!DOCTYPE html><html lang="en">
<head>
  <meta charset="gb2312">
  <title>Document</title>
</head>
<body>
  <script>
    var str1=confirm("奥利给！");
  </script>

</body>
</html>

效果如下