一起学HTML基础-JavaScritp简介与语法

Posted 2020-08-16 野性狼心

简介：

1、什么是javascript？

    它是个脚本语言，作用是使 html 页面具有更强的动态和交互性，它需要有宿主文件，它的宿主文件就是html文件。

　 JavaScript 是 Web 的编程语言。

    所有现代的 HTML 页面都使用 JavaScript。

    <script> 标签用于定义客户端脚本，比如 JavaScript。

    <script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。

    JavaScript 最常用于图片操作、表单验证以及内容动态更新。

2、JS的用法：

    它在html中常用的位置有三种：1、head里面 2、body里面 3、</html>之后，为了保险起见一般写在</html>之后。

    代码必须写在<script>代码</script>内。（或<script language="javascript">代码</script>或<script type="text/javascript"></script>

3、三个常用的对话框

alert("")——警告对话框，作用是弹出一个警告对话框

    例如：

</html>
<script>
alert("出现错误！")
</script>

它只有一个“确定”按钮和右上角的“关闭”按钮，用于弹出警告。

 

confirm("")——确定对话框，作用是弹出一个可供选择的确定对话框，点击确定后，它返回ture，点击取消返回false，可用变量来接收

例如

</html>
<script>
var a=confirm("你确定要退出么？")
alert(a)
</script>

点击确定后返回ture

点击取消后返回false

 

prompt("提示内容","默认显示内容")作用是弹出一个可以输入内容的对话框

例如

</html>
<script>
prompt("请输入一个正整数：","只能是数字！")
</script>

 

语法：基本上与C#一致

1、基本数据类型

    字符串、小数、整数、日期类型、布尔类型等

2、变量

    都是通用类型var（万能变量），可以随便存储其他类型的值，可以直接使用，不用定义，但习惯上定义，例如：var a=5; 或var a="百度"；或var a=false;等

3、运算符

    数学运算符：+、-、*、/

    关系运算符：==  !=  >=  <=  

    逻辑运算符：&&  ||  !

    其他运算符：+=  -=  *=  /=  ?:

4、语句

    一般分为顺序、分支和循环语句，同C#

5、数组（同C#的集合）

    数组的定义：var array = new Array();，它的长度是动态变化的，里面可以放任何类型的元素。

    数组的赋值：array[0]=3; array[1]="Hello!";

    数组的长度：array.length;，数组元素的个数

    方法：array.sort() 排序数组，按照第一个字符排序， array.revers() 将数组翻转

6、函数

    函数四要素：名称、输入、返回值、加工（函数体）

    定义函数：function add(){} add为函数名，同C#函数一样有四种形式，返回值可以是var类型，也可return一个值

    函数不调用是不会执行的

7、类型转换

    分为自动转换和强制转换，一般用强制转换

    其他类型转为整数：parseInt();

    其他类型转为小数：parssFloat();

    另一个是判断是否是一个合法的数据类型：isNaN()j;(is not a number是 不是一个数字），是数字的话返回false，不是数字的话返回ture

例如

</html>
<script>
var a;
var s=prompt("请输入一个正整数：","只能是数字！");
a = isNaN(s);
alert(a)
</script>

 

 

7、$("#dp1")相当于document.getElementById("dp1")