JavaScript(js)概述和使用

最新推荐文章于 2024-07-26 11:41:15 发布

YmaxU

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量123

点赞数

分类专栏： js 文章标签： javascript js html

本文链接：https://blog.csdn.net/m0_53060753/article/details/112475029

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

文章目录

一、什么是JavaScript？
二、javaScript的组成
三、javaScript的使用
四、javaScript的数据类型
五、javaScript的运算符和语句
六、javaScript的使用

一、什么是JavaScript？

JavaScript语言是基于对象和事件驱动的语言，应用于客户端。
1.基于对象：在js语言中提供了一些对象，可直接被使用。面向对象(java为例，在java里要先创建对象，才能被调用和使用)
2.事件驱动：js里通过触发事件来调用函数，实现网页的动态效果和人机互动
3.客户端：一般指解析html文档的浏览器

二、javaScript的组成

1.EcmaSript：规范了js的基本语法。
2.Bom(Browser Object model)：浏览器对象模型，对浏览器进行操作。
3.Dom(Document Object model):文档对象模型，对文档进行操作。

三、javaScript的使用

内嵌式：
在网页中直接使用js的代码用一对script标签包裹

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
        window.alert("js内嵌式的使用")
    </script>
    
</body>
</html>

外链式
在网页中，引入外部的js文件使用script标签中的scr属性引入js文件位置

<!-- 网页文件 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript" src="1.js"></script>
</head>
<body>
    
</body>
</html>

// js文件
window.alert("js外链式")

四、javaScript的数据类型

js中的变量用var来进行定义

类型	名称
Numer	数据类型
String	字符串类型
Object	对象类型
null	空类型
undefined	未定义类型（只是用var定义未给赋值变为undefined）
Boolean	布尔类型(true,false)

五、javaScript的运算符和语句

1.运算符

算数运算符： + - * / % 等
比较运算符：> < >= <= 等
逻辑运算符： &&(与) ||(或) !(非)

2.条件语句

  if-else结构语句
  switch-case-default结构语句
  嵌套if语句

3.循环语句

  while循环语句
  do…while循环语句
  for循环语句

4.break和continue语句

break：
    break在switch语句中跳出switch循环
    break循环语句中跳出当前循环
continue：
    只可以在循环语句中使用，在本次循环结束后，跳过没有执行的语句，继续进行循环判断

六、javaScript的使用

1.函数的定义和使用

1>.创建普通函数：

function mention(){
	window.alert("创建普通函数")
}

2>.创建匿名函数：

var mention(){
	window.alert("创建匿名函数")
}

3>.创建动态函数：

//定义函数参数
var param="a,b";
//创建函数体
var method="var sum=a+b;return sum;"
//动态函数拼装
var add=new Function(param,method)

2.事件处理

在网页中通过触发事件来调用相关函数，实现页面的动态效果
    页面绑定的方式：
        第一种直接在通过事件绑定函数
        第二种给事件赋一个值

<!-- html文件 -->
<input type="button" value="点击我" onclick="adde()" />
<input type="button" value="快点我" id="clickme">
<script>
	 function adde(){
        alert("onclick事件")
    }
    document.getElementById("clickme").onclick=function(){
        alert("id赋值事件")
    }
</script>

    常用事件：
        点击事件：onclick
        失去焦点：onblur
        获取焦点：onfocuse
        键盘事件：onkeyup onkeydown onkeypress
        页面加载完成：onload
        鼠标事件：onmouseout onmouseover onmousemove

3.window对象：

    window对象：
        属性(常用)：history，document，Navigator，location，Screen
        方法(最常用)：
            设置定时器：
            var ti1=setInterval(js,time) 每隔一段时间循环，执行js代码
           var ti2=setTimeout(js,time) 每隔一段和时间，只执行js代码一次

YmaxU

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript(js)概述和使用

文章目录一、什么是JavaScript？二、javaScript的组成三、javaScript的使用四、javaScript的数据类型五、javaScript的运算符和语句1.运算符2.条件语句3.循环语句4.break和continue语句六、javaScript的使用1.函数的定义和使用2.事件处理3.window对象：一、什么是JavaScript？JavaScript语言是基于对象和事件驱动的语言，应用于客户端。1.基于对象：在js语言中提供了一些对象，可直接被使用。面向对象(java为例，
复制链接

扫一扫

专栏目录