JavaScript基础

1.JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言
 JavaBeans 

2、JavaScript特点
向HTML页面中添加交互行为
脚本语言，语法和Java类似
解释性语言，边执行边解释

3.网页中引用JavaScript的方式
1、直接在HTML标签中
<input name="btn" type="button" value="弹出消息框"   
   οnclick="javascript:alert('欢迎你');"/>
2.使用script标签
<script type="text/javascript">
</script >
//type="text/javascript"是默认类型，可以省略
3、外部JS文件
<script src=“js/export.js"  type="text/javascript"></script>

4.变量
先声明再赋值
var  width;
width = 5;
同时声明和赋值
var catName= "皮皮";
var x, y, z = 10;
不声明直接赋值，不推荐，容易出错，难以查找。
width = 5;

5.数据类型
undefined变量没有初始值，将被赋值undefined
null        空值，与undefined值相等
number        整数或浮点数
boolean        ture或false
string        被引号括起来的文本

6.typeof运算符
作用：返回一个用来表示表达式的数据类型的字符串
返回值：
undefined 变量被声明后，但未被赋值
string、boolean、number、
object JavaScript中的对象、数组和null

7.string对象
语法：
var str1 = "";
var str2 = new String("");
属性：
constructor        对创建该对象的函数的引用
length
prototype        允许向对象添加属性和方法
方法

方法名称	说      明
charAt(index)	返回在指定位置的字符
indexOf(str，index)	查找某个指定的字符串在字符串中首次出现的位置
substring(index1，index2)	返回位于指定索引index1和index2之间的字符串，并且包括索引index1对应的字符，不包括索引index2对应的字符
split(str)	将字符串分割为字符串数组

 8.数组
创建数组
var arr1 = new Array(size);
赋值
var arr2 = new Array("","");
属性和方法

类别	名称	描述
属性	length	设置或返回数组中元素的数目
方法	join( )	把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔
	sort()	对数组排序
	push()	向数组末尾添加一个或更多 元素，并返回新的长度

9.运算符号

类型	运算符
算术运算符	+    -   *    /    %    ++   - -
赋值运算符	=    +=   -=
比较运算符	>    <     >=      <=     ==    !=   ===   !==
逻辑运算符	&&      ||     !

10.逻辑控制语句
if
for、while循环
for-in
var fruit=[ "apple", "orange", "peach","banana"]; 
for(var i in fruit){
       document.write(fruit[i]+"<br/>");
}

11.跳转
break、continue

12.注释
//
/*............*/

13.常用输入输出
alert（）
alert（"提示信息"）；
prompt（）
prompt("提示信息", "输入框的默认信息");
prompt("请输入你喜欢的颜色","红色");

14.语法约定
区分大小写，分号

15.程序调试
Chrome开发人员工具
alert ()方法

16.函数
类似于Java中的方法，是完成特定任务的代码语句块
不用定义属于类直接使用
分为系统函数和定义函数

17.常用系统函数
parseInt（"字符串"）:字符串转换成整型数字
        如: parseInt ("86")将字符串“86“转换为整型值86
parseFloat(“字符串”)：将字符串转换为浮点型数字 
        如: parseFloat("34.45")将字符串“34.45“转换为浮点值34.45
isNaN()：用于检查其参数是否是非数字

18.定义函数
语法
function 函数名（参数1，参数2）{
js语句
返回值（可有可无）
}

19.调用函数
函数调用一般和表单元素的事件一起使用
事件名 = “函数名（）”；

20.事件
HTML事件是发生在HTML元素上的事情

名称	说明
onload	一个页面或一幅图像完成加载
onlick	鼠标单击某个对象
onmouseover	鼠标指导移到某元素上
onkeydown	某个键盘按键被按下
onchange	域的内容被改变

原文地址：https://blog.csdn.net/qq_50437196/article/details/136318627

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！