js 的相关知识

最新推荐文章于 2022-04-23 22:02:31 发布

山河故人丶

最新推荐文章于 2022-04-23 22:02:31 发布

阅读量153

点赞数

文章标签： js

本文链接：https://blog.csdn.net/Lixc_18/article/details/93383492

版权

一、js 的概述

1、什么是 js

JavaScript 是一种基于对象和事件驱动的 , 并具有安全性能的脚本语言。它具有以下三个特点：

向HTML页面中添加交互行为
脚本语言 , 语法和Java类似
解析型语言 , 边执行边解释

2、js 的结构

js 的语句需要写在 script 标签中，具体语法如下：

<script>
<!--
  js 的语句;
-->
</script>

二、引入 js 的两种方式

1、外部导入或 script 标签

外部引入 js 文件的方式代码如下:

<script src="export.js" type="text/javascript"></script>

或者把 js 语法写到 script 标签内。

2、写在HTML内部

还有一种方式就是把 js 语句写在 HTML 标签内，代码如下：

<input name="btn" type="button" value="弹出消息框"
οnclick="弹窗"/>

三、js 的三种常用输出方式

1、弹窗的形式

可以通过在网页中弹窗的方式来输出，代码如下：

<script>
        alert("山河故人");    
 </script>

这种方式就是在网页中弹出一个提示框来显示你输出的内容。效果如图所示：

在这里插入图片描述

2、输出在网页上

输出在网页上，代码如下：

<script>
        document.write("山河故人");     
 </script>

这种方式是直接显示在网页上面，效果如下图所示：

在这里插入图片描述

3、在控制台输出

这种方式输出在控制台上（网页上 f12 进入，然后点击 Console ，即可进入控制台），语法如下：

  <script>   
        console.log("山河故人");     
    </script>

效果如下图所示：

在这里插入图片描述

四、js 的基本语法

1、数据类型

js 中数据类型有以下几种：
1.undefined：当你定义一个数没有给他赋值的时候，将被赋值为 undefined
2. null：表示一个空值，与 undefined 的值相等
3. number：所以的数值类型均为 number
4. boolean：true 和 false
5. string：字符和字符串均为 string

2、定义变量

在 js 中定义一个变量的时候，和 java 有所区别。java 中是类型 +变量名 = 变量值，但是在 js 中统一使用 var 定义，格式为： var + 变量名 = 变量值，无论什么类型都这样定义，实例代码如下：

<script>
        var a ;
        a = 1 ;
        var b = "字符串";
        var c = true;
        var d = 13.14;
    </script>

3、创建数组

创建数值的的格式为：

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

其中 Array 是表示数组的关键字

为元素赋值的方法和 Java 中类似，可以在创建数组的时候直接赋值，也可以根据下标进行单个赋值，代码如下：

  <script>
        //方式一
        var a = new Array("1", "2", "3");
        //方式二
        var b = new Array(3);
        b[0] = "1"
        b[1] = "2"
        b[2] = "3"
    </script>

js 的数组中常用的方法有几下几个：

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

4、运算符号

运算符号有以下几种，和 Java 中使用方法一样

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

5、弹窗提示

在网页中我们可以设置一些弹窗提示一些操作，

alert() ：提示一些文字
prompt()：可以输入文字的提示框

6、自定义函数

定义函数使用 function 关键字来实现，定义的格式为：

        function stydy(参数1,参数2,...) {
            //js 语句
            [return 返回值]  //可有可无
        }

调用函数的格式为

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

实例代码如下：

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //函数
        function stydy() {
            document.write("我爱学习")
        }
    </script>
</head>
<body>
<!--事件调用函数-->
<input type="button" value="点击" onclick="stydy()">
</body>
</html>

上面的代码就是在网页中有一个按钮，然后通过点击按钮来调用这个函数。

山河故人丶

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 的相关知识

一、js 的概述1、什么是 js JavaScript 是一种基于对象和事件驱动的 , 并具有安全性能的脚本语言。它具有以下三个特点：向HTML页面中添加交互行为脚本语言 , 语法和Java类似解析型语言 , 边执行边解释2、js 的结构 js 的语句需要写在 script 标签中，具体语法如下：<script>...
复制链接

扫一扫