JavaScript详解

最新推荐文章于 2024-07-16 19:32:16 发布

从入门到放弃的语言

最新推荐文章于 2024-07-16 19:32:16 发布

阅读量131

点赞数 1

文章标签： js

本文链接：https://blog.csdn.net/weixin_44822896/article/details/95526541

版权

什么是JavaScript

JavaScript是一种基于对象和事件驱动的，并具有安全性能的脚本语言。
JavaJavaScript的特点

1.向HTML页面中添加交互行为

2.脚本语言，语法和Java类似

3.解析型语言，边执行边解释

JS基本结构

语法

<script type="text/javascript">
<!—
    JavaScript语句；
—>
</script>

有的网页中用缺省type=“text/javascript”，这种写法是正确的，因为HTML5中可缺少type属性，HTML5默认为是text/javascript。

JavaScript的应用

显示数据

......
<title>初学javascript</title>
</head>
<body>
<script type="text/javascript">
document.write("初学javascript")；
document.write("<h1>Hello,JavaScrit</h1>");
</script>
</body>
</html>

可以在文档中的任何地方，一般在头部或者尾部

网页中引入JS方法

使用

注释

JS的注释和Java的注释是一样的…//为行注释，一次只能注释一行；

/*...*/为多行注释；可以注释若干行

变量

先声明变量再赋值

var width; //var-用于声明变量；width-变量名；
width = 5;

同时声明和赋值变量
```
var cat="小明"；
var x,y,z = 10;
```
不声明直接赋值
```
width = 5;
```

数据类型

Number	JavaScript不区分整数和浮点型，统一用Number
boolean	true和false
string	一般被单引号或双引号括起来的文本
null	表示一个空值
undefind	表示未被定义,仅在判断函数参数是否传递的情况下有用

Typeof运算符

typeof检测的是其变量的返回值

typeof运算符返回值如下：

~~~

undefind：变量被声明后，但未被赋值
string：用单引号或双引号来声明的字符串
boolean：true或false
number：整数或浮点数
object：javaScript中的对象，数组，或null
~~~

String对象

1.属性

字符串对象.length

2.方法

字符串对象.方法名（）

var str="this is JavaScript";
var strLength=str,length;//长度为18

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

数组

1.创建数组

var 数组名称=new Array(size);

2.为数组元素赋值

3.访问数组->数组名[下标]

var fruit=new Arry("apple","orange","peach","banana");

数组常用方法

lenhth：设置或返回数组中元素的数目

join()：把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔

sort()：对数组排序

push()：向数组末尾添加一个或更多元素，并返回新的长度

运算符号

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

注意：==比较：转换成同一类型后的值看值是否相等

===：如果类型不同，其结果就是不等的

弹窗提示

alert（）
```
alert("提示信息")；
```

prompt（）

prompt("提示信息"，"输入框的默认的信息")；
prompt("请输入你喜欢的颜色","红色")；
prompt("请输入你喜欢的颜色","")

常用的系统函数

parseInt(“字符串”)

将字符串转换成整型
parsenFlost(“字符串”)

将字符串转换为浮点型
isNaN()

用于检查其参数是否是非数字

自定义函数

//定义函数
function 函数名(参数){
    //JavaScript语句
    [return 返回值]
}

调用函数：

事件名="函数名()";

事件

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