三、Javascript简单了解（笔记）

韦重阳

已于 2022-03-23 00:03:54 修改

阅读量1.2k

点赞数

分类专栏：基础前端技术笔记文章标签： javascript html5

于 2022-03-22 23:59:14 首次发布

本文链接：https://blog.csdn.net/Mr_SorryMan/article/details/123621633

版权

本文详细介绍了JavaScript的基础知识，包括概念、作用、用法和基本语法。讲解了数据类型、变量、对象、函数、正则表达式等核心概念，并通过实例展示了如何在网页中显示数据、操作DOM以及处理用户事件。同时，还探讨了JavaScript的动态数据特性和常用内置对象的使用。

摘要由CSDN通过智能技术生成

1.4.1window.alert("hello");

1.4.2document.write("hello");

1.4.3使用innerHTML写入到html元素

1.4.4console.log写入到控制台

3.parseInt(string,radix)

2.document.getElementById()

3.document.getElementsByClassName()

4.document.getElementsByTagName()

5.document.getElementsByName()

一、概念和用法

1.1 概念

JavaScript 是脚本语言，是一种解释性脚本语言（代码不进行预编译）

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

JavaScript 很容易入门。

1.2 作用

1 、为网页添加各式各样的动态功能 ,

2 、为用户提供更流畅美观的浏览效果。

通常 JavaScript 脚本是通过嵌入在 HTML 中来实现自身的功能的。

1.3用法

1.3.1html中的任意位置

可以在head，可以在body，没有硬性要求，但要写在<script>里

1.3.2外部JS文件中

在html中用script引用，src是目录

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

1.3.3标签属性中
<a href="Javascript:alert("")">登录</a>

1.4显示数据的方式

1.4.1window.alert("hello");

会在弹窗中显示hello

1.4.2document.write("hello");

将hello写到html文档中。即在网页页面显示出来

1.4.3使用innerHTML写入到html元素

从div1中输出

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>		
	</head>
	<body>
		<div id="div1">
			
		</div>
	</body>
</html>
<script> 
document.getElementById("div1").innerHTML="hello world"
</script>

1.4.4console.log写入到控制台

二、基本语法

2.1注释

单行注释以//开头
多行注释以/*开始以/*结束

//我是单行注释
/*
 * 我
 * 是
 * 多行注释
 */

2.2变量

和java不同的是，变量全部以var声明

var teacher;
teacher = "张三";
var x;
x = 5;
var y = 6;

命名规则：

1.必须以字母或$和_开头
2.区分大小写
3.不能用关键字保留字

2.3语句

分支

循环

for (var i=0;i<5;i++) {
	document.write(names[i]);
}

2.4数据类型

1.字符串String

var String = "英雄联盟";

2数字Number

可以用科学计数法e书写

var x = 6;
var y = 6e8;//6000000
var z = 6e2;//0.02

3.布尔Boolean

var isRight = true;

4.空Null

var friend = null;

5.未定义Undefined

四种情况会undefined

1.变量声明且未赋值

var obj;

2.对象不存在属性时

var obj;
alert(obj.name);

3.函数需要实参，但是调用时没有传值，形参是undefined
4.函数调用没有返回值或者return后没有数据，接收函数返回的变量是undefined

6独一无二的值Symbol

2.5动态数据类型

var num = 6;//num现在是number类型
num = "hello";//num现在是String类型

2.6运算符

算数运算符： + - * / % 、 ++ 、 --

赋值运算符： = 、 += 、 -= 、 *= 、 /= 、 %=

字符串的连接符： +

逻辑运算符： && || ！

条件运算符：？：

比较运算符： == 、！ = 、 > 、 < 、 >= 、 <=

特别的

比较运算
===	绝对等于（值和类型均相等为true）
!==	不绝对等于（值和类型有一个不相等，或两个都不相等为true）

2.7对象

1.String

//长度
<script> 
var you = "你不是\'单身狗\'?"
console.log(you.length);
console.log(you)
</script>

q其中\是转义字符，不算字符数，总长度为9

其他属性和java差不多

2.Array

声明数组

<script> 
//第一种
var names = new Array();
names[0]="张三";
names[1]="李四";
names[2]="王五";
names[3]="赵六";
names[4]="孙七";
for (var i=0;i<5;i++) {
	document.write(names[i]);
}
//第二种
var students=new Array("小一","小二","小三");
//第三种
var school=["高中","小学"];

</script>

3.Date

var date1 = new Date(); //当前日期
var date2 = new Date(milliseconds);//从1970年1月1日到所需时间的毫秒
var date3 = new Date(dateString); //符合日期格式的字符串
var date4 = new Date(year, month, day, 
                    hours, minutes, seconds,
                     milliseconds);//年月日时分秒毫秒
                                    //月份取值0-11

常用方法

最低0.47元/天解锁文章

韦重阳

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
三、Javascript简单了解（笔记）

一、概念和用法1.1 概念 JavaScript 是脚本语言，是一种解释性脚本语言（代码不进行预编译） JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。 JavaScript 很容易入门。 1.2作用 1、为网页添加各式各样的动态功能, 2、为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的.
复制链接

扫一扫

专栏目录