2021-08-20 JavaScript-1

JavaScript

为什么要学习javascript

JS是属于web的编程语言，html给出了web页面的元素，css解决了web页面元素的布局问题，想要实现web页面的动态效果就需要使用JS。
使用JS可以有效地减轻服务器的压力

JS特点

基于事件和对象驱动的安全的脚本语言
向html页面添加交互行为
脚本语言，语法和Java类似
解释型语言，边执行边解释

JS基本结构

<script type="text/javascript">
/*以往的浏览器对于JS的支持并不友好。
*script标签可以放在head标签下也可以放在body标签中，考虑到加载时间建议放到body标签的底部
*你可以在标签内部写JavaScript语句
*看下面的例子举一反三
*也可以给script标签添加src属性导入外部JS
*/
window.document.write("value");
window.document.write("<p>value<p/>");
<script/>
<script type="text/javascript" src="js/index.jx "><script/>

JavaScript组成

JS原理

浏览器向服务器发送请求，服务器解析html和JS并响应浏览器发送数据

事件

1. onclick 单击事件
2. onmouseover 鼠标悬停事件
3. onload 一个页面或者一幅图像完成加载
4. onkeydown 某个键盘中的键被按下
5. onkeyup 键盘中的某个键回弹
6. onpress 键盘中的按下并回弹
7. onchange 域的内容被更改

JavaScript语法

变量 数据类型 数组 运算符号 控制语句 注释 输入/输出 语法约定

<script type="text/javascript">
//声明变量
var name="value";
var num=6;
//typeof(var_name)用于获取变量类型 
//数据类型 string number boolean undefined null object
//alert(参数)浏览器弹窗函数

//属性 length 属性和方法都是用"."符号和变量分割
//函数 indexOf() subString(index1,index2)左闭右开区间，
// split(str) str的值可以为"" or "," 将字符串拆分为数组以str中的符号间隔
var arrayName = new Array(7);//初始值为undefined类型
//join(str)  str的值为"-"或其他符号 将数组转换为字符串用符号连接
//sort() 对数组进行排序
//push() 向数组新增元素并返回新的长度
<script/>

运算符、逻辑控制（分支、循环）
与Java语法上相似，不再赘述
break continue return
注释

<script type="text/javascript">
//单行注释
/*
*多行注释
*/
<script/>

常用输入输出
alert(str);弹框提示
prompt(str1,str2);提示并获取用户输入，获取到的信息都是string类型
语法约定
区分大小写 标识符 使用分号
调试
进入开发者模式在浏览器中打断点一步一步进行调试

function函数

常用系统函数
parseInt(str) 字符串转换为数值类型 整数和小数
parseFloat(str)
isNaN() 非数值类型判断
自定义函数

<script type="text/javascript">
function funName(num1,num2){
//在这里写方法,参数列表中不需要标识符var
//使用funName(实际参数列表)直接调用函数
}
<script/>