网页行为之 JavaScript

最新推荐文章于 2022-06-04 19:56:03 发布

是志明呀

最新推荐文章于 2022-06-04 19:56:03 发布

阅读量191

点赞数

分类专栏： Java Web 文章标签： JavaScript js javaweb

本文链接：https://blog.csdn.net/weixin_44262126/article/details/113871592

版权

1）文笔有限，如果发现博客有书写有误的地方恳请读者直言不讳，我一定会第一时间改正。
2）代码的具体实现可以参考代码中的注释，如果由于注释不清楚而不明白相应原理，可以与作者私聊。码字不易，有兴趣的小伙伴点个赞呗，大家相互学习。
3）关于 JavaScript 的补充知识可以参考 W3School 论坛。【传送门】

1 JavaScript 的定义

JavaScript（简称 JS）是 web 开发者必学的三种语言之一，其中 HTML 定义网页的内容，CSS 规定网页的布局，而 JavaScript 则对网页行为进行编程。

JavaScript 最早取名为 LiveScript，之所以更名为 JavaScript，是为了吸引更多 Java 程序员。相比较而言，JavaScript 是弱类型，Java 是强类型。

JavaScript 的特点：

交互性 —— 它可以做的就是信息的动态交互
安全性 —— 不允许直接访问本地硬盘
跨平台性 —— 只要是可以解释JavaScript 的浏览器都可以执行，和平台无关

2 JavaScript 和 Html 代码的结合方式

1）在 head 或者 body 标签内，用 script 标签来书写 JavaScript 代码

<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <!--这里展示的是两种script方式，同时也展示了两种语言不同的注释方式-->
    <meta charset="UTF-8">
    <title>你好，赵志明</title>
    
    <script type="text/javascript" >
         /* script标签既可以放在head标签中,也可以放在body标签中 */
        //alert 是 JavaScript 语言提供的一个警告框函数，它可以接收任意类型的参数，这个参数就是警告框的提示信息
        alert("hello, sharm, welcome to javascript world.")
    </script>
    
</head>

<body>
</body>
</html>

2）使用 script 标签引入单独的JavaScript 代码文件

主代码：

<head>
    <!--这里展示的是两种script方式，同时也展示了两种语言不同的注释方式-->
    <meta charset="UTF-8">
    <title>你好，赵志明</title>
    
    <!-- 一个html文件中也可以用两个不同方式的js输出，但不能写在一个script标签中，如下 -->
    <script type="text/javascript" src="hello.js">
    </script>
</head>

<body>
</body>
</html>

外部 JavaScript 文件：

alert("hello, sharm, welcome to javascript world.");

3 变量

3.1 变量的定义

定义：变量是可以存放某些值的内存的命名。

3.2 变量的类型

变量类型	对应拼写
数值变量	number（包括 Java 中的 int、short、double 等数值变量）
字符串变量	string
布尔变量	boolean
函数变量	function
对象变量	object

相比于 Java 可以通过int i=2;来为数值变量赋值，JavaScript 只能用var i=2;来赋值，而不能用number i=2;来赋值，变量类型可以通过typeof(i)来体现。

JavaScript 中还有三个特殊的值，分别是undefined，null以及NaN。它们之间的区别如下：

<script type="text/javascript">
    // undefined 表示未定义，所有 js变量在未赋于初始值的时候，默认值都是undefined
    var i;
    //null 表示空值
    var a = 12;
    var b = "Sharm";
    // 此时 a * b的结果便是NaN，其是非数字，也非数值。
    alert( a * b );
</script>

3.3 运算符

3.3.1 比较运算符

因为 JavaScript 是弱类型的语言，所以它需要有如下的比较运算符。

运算符	名称	含义
==	等于	简单地做字面值地比较
===	全等于	除了做字面值地比较，还会比较两个变量的数据类型

<script type="text/javascript">
    var a = "12";
    var b = 12;
    // true
    alert( a == b );
    // false
    alert( a === b ); 
</script>

3.3.2 逻辑运算符

运算符	名称
&&	且运算
`\|\|`	或运算
!	取反运算

类似于 Python 语言，所有的变量在 JavaScript 语言中，都可以做为一个boolean 类型的变量去使用。比如：

非 0 的数字、字符串等就可以表示 true；
0 、null、undefined等可以认为是 false。

4 数组

初始化格式：

<script type="text/javascript">
	// 空数组
	var 数组名= []; 
	// 定义数组同时赋值元素
	var 数组名= [1 , ’abc’ , true]; 
</script>

此外，JavaScript 语言中的数组，只要我们通过数组下标赋值，就会自动的给数组做扩容操作。

<script type="text/javascript">
    // 定义一个空数组
    var arr = [

最低0.47元/天解锁文章

是志明呀

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页行为之 JavaScript

1）文笔有限，如果发现博客有书写有误的地方恳请读者直言不讳，我一定会第一时间改正。2）代码的具体实现可以参考代码中的注释，如果由于注释不清楚而不明白相应原理，可以与作者私聊。码字不易，有兴趣的小伙伴点个赞呗，大家相互学习。3）关于 JavaScript 的补充知识可以参考 W3School 论坛。【传送门】传送门：1 JavaScript 的定义2 JavaScript 和 Html 代码的结合方式3 变量3.1 变量的定义3.2 变量的类型3.3 运算符3.3.1 比较运算符3.3.2 逻辑运算.
复制链接

扫一扫