网页前端第五次学习笔记

庸人常自扰

已于 2022-02-21 22:02:33 修改

阅读量238

点赞数

文章标签：前端学习 javascript

于 2022-02-21 11:56:39 首次发布

本文链接：https://blog.csdn.net/a1464498695/article/details/123020064

版权

学习地址：

【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili

JavaScript

简介

JavaScript是一种具有面向对象能力的、解释型的程序设计语言，更具体一点，他是基于对象和事件驱动并具有相对安全性的客户端脚本语言，他的主要目的是，验证发往服务器端的数据、增加Web互动、加强用户体验度等。

JavaScript的组成

JavaScript由ECMAScript(基础语法)、DOM(文档对象模型)、BOM（游览器对象模型）组成。

ECMAScript(基础语法)：描述了该语言的语法和基本对象

DOM(文档对象模型)：描述了处理网页内容的方法和接口

BOM（游览器对象模型）：描述了与游览器进行交互的方法和接口

基本用法

JS需要和HTML一起使用才有效果，我们可以通过直接或间接的方式将JS代码嵌入在HTML页面中

行内JS：写在标签内部的js代码

内部JS：定义在script标签内部的js代码

外部JS：单独的js文件，在HTML中通过script标签引入

JavaScript代码可以放在HTML文件中的任意位置，一般放在网页的head或者body部分，由于页面的加载方式是从上往下依次加载的，对放置的js代码室友影响的

放在<head>部分，最常用的方式是在页面中head部分放置<script>元素，游览器解析head部分就会执行这个代码，然后才解析页面的其余部分。

放在<body>部分，JavaScript代码在网页读取到该语句的时候就会执行。

行内JS：

<button onlink="alert('you cliked hered!!!')">click here<button>

内部JS：

<script type="text/javascript" charset="utf-8">

alert('this is inner js code')

</script>

外部JS：

hello.js

alert('this is a outter js document');

hello.html
<script src="hello.js" type="text/javascript" charset="UTF-8"></script>

JS的基本语法

语句

语句
               1.JS代码一行为单位，代码从上往下及执行，一行一条语句
               2.语句不加分号结尾，如果一行定义多条语句，每句语句都必须以分号结尾。（建议都加分号）
               3.表达式不需要分号结尾，如果加了分号则JavaScript引擎会当作语句执行，生成无用的语句。

标识符和关键字

标识符
               规则：
               由Unicode字母、_、$、数字组成、中文组成
               1.不能以数字开头
               2.不能是关键字和保留字
               3.严格区分大小写
               规范：
               见名知意
               驼峰命名或者下划线规则

关键字也称为保留字，是被JavaScript征用用来有特殊含义的单词

变量

变量
               JS是一种弱类型的语言，在声明变量时不需要指明数据类型，直接用var修饰符进行声明。

               变量的声明
                   1.先声明在赋值
                   2.声明并赋值

               变量的注意点
               1.如果变量只声明而未赋值，则显示underfinded
               2.如果变量未声明就是用，则会报错
               3.可以使用var同时声明多个变量
               4.如果重新声明一个已存在的变量，是无效的
               5.如果重新声明一个已存在的变量并赋值，则会覆盖
               6.JS是一种动态的弱类型的语言，可以生命任何数据类型的变量

               变量提升
                   JavaScript引擎工作方式是：先解析代码，获取所有被声明的变量，然后在一行一行的执行。
                   这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升。
                   注意：变量提升只对var命令有效，如果变量不是用var命令声明的，就不会发生变量提升

<script type="text/javascript">
		 <!-- 变量的声明 -->
		 var a ;
		 a = 1;
		 console.log(a);
		 
		 var b =2;
		 console.log(2);
		 
		 var c;
		 console.log(c);
		 
		 // // 如果变量未声明会报错
		 // console.log(d);
		 
		 var aa,bb,cc = 10;
		 console.log(aa);
		 console.log(bb);
		 console.log(cc);
		 
		 var box = "hello world";
		 var flag = true;
		 console.log(box);
		 console.log(flag);
		 console.log(name);
		 console.log("true");
		 
		 // 不使用var声明变量
		 name="张三";
</script>