JavaScript基础、简单案例以及函数的定义使用当前时间的获取

小雄芯

已于 2022-02-22 10:17:49 修改

阅读量211

点赞数

文章标签： html javascript

于 2022-02-21 20:54:49 首次发布

本文链接：https://blog.csdn.net/liugaoyuans/article/details/123053914

版权

1.JavaScript的作用

为网页提供交互性功能以及让页面动态化。

2.JavaScript的特征

脚本语言：一种解释型脚本语言。

简单：JavaScript 是一门弱类型语言。

跨平台：只要有浏览器就能运行。

基于对象：面向对象的概念。

3.JavaScript的三种注释

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JavaScript的三种注释</title>
	</head>
	<script type="text/javascript">
	</script>
	<body>
		<!-- 单行注释 ctrl+/ -->
		<!-- 多行注释 ctrl + shift + / -->
	</body>
</html>

4.JavaScript三种引入方式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>js的三种引入方式</title>
	</head>
	<!-- 2.内嵌式的 -->
		<script>
			alert('自动弹出框');
		</script>
		<!-- 3.外部js script 双标签 （推荐）-->
		<script src="demo1.js">
			
		</script>
	<body>
		<!-- 1.行内式的js，直接写到元素的内部 -->
		<!-- <input onclick="alert('银河以北，吾彦最美')" type="text" value="天使彦" /> -->
	</body>
</html>

JavaScript输入输出弹出

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>输入输出弹出</title>
		<script>
			// 这是一个输入框
			var a = prompt('请输入您的姓名');
			//	 alert	弹出警示框 输出 展示给用户看的
			alert('来吧！展示');
			//console 	控制台输出 给程序员测试用的 F12 控制台查看
			console.log("控制台输出");
			console.log(a);       //弹框保存到控制台输出
		</script>
	</head>
	<body>
	</body>
</html>

5.JavaScript的变量

使用注意事项参考java变量使用注意事项

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>js变量</title>
		<script>
			//1.声明了一个变量
			var name;
			//2. 赋值 把值存入这个变量中
			name ='彦';
			//3. 输出结果
			console.log(name);
			
			var age = 7000;
			console.log("年龄:"+age);
			
			var c,d,t;
			c="天使追";
			d="70000";
			t='女';
			console.log("姓名："+c,"年龄："+d,"性别："+t);
		</script>
	</head>
	<body>
	</body>
</html>

6.JavaScript的数据类型

js的值才有数据类型，变量本身没有可以通过typeof运算符来检查值类型

        基本数据类型（5种）
       number --数字类型
       string --字符串/字符
       boolean：                         --布尔类型，只有ture 和false 两个值，表示结果为真或假.
       null： --表示空，不存在
       undefined --未定义

引用数据类型

object：对象当做java中的实体类

定义方式1： var a = {};

定义方式2： var a = new Object();

Arrary: 数组

定义方式1: var a =[];

定义方式2： var a = new Array();

Function: 函数

定义方式1： function 函数名（参数名）{函数体}

定义方式2： var a = function(参数名){函数体}

定义方式3： var a = Function 函数名（参数，参数，参数，函数体）

第三种方式(构造函数定创建函数时)注意：参数跟函数体都必须在字符串内 Function的f必须要大写（不推荐）

Date：日期对象

<script type="text/javascript">
            //检查值类型并输出在控制台
            console.log(typeof i );    //boolean
        
            //带入boolean数据类型进行计算
            //true和false 在js中能进行计算 true 计算时默认为1，false默认为0进行计算
			var a = true;
			var b = false;
			console.log(a+1);        //2
			console.log(b+1);        //1
		</script>

7.null和undefined的区别

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		// null表示"没有对象"，即该处不应该有值。
		//（1） 作为函数的参数，表示该函数的参数不是对象。
		
		//（2） 作为对象原型链的终点。
		
		// undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义
		// （1）变量被声明了，但没有赋值时，就等于undefined。
		
		// （2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。
		
		// （3）对象没有赋值的属性，该属性的值为undefined。
		
		// （4）函数没有返回值时，默认返回undefined。
			var a = null;
			console.log(a);
			var b;
			console.log(b);
			
		</script>
	</body>
</html>

8.if语句结合变量简单应用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		//	弹出 prompt 输入框，用户输入年龄， 程序把这个值取过来保存到变量中
        // 使用 if 语句来判断年龄，如果年龄大于18 就执行 if 大括号里面的输出语句
		<script>
			var a  = prompt('请输入你的年龄：');
			if(a<=18){
				console.log("年龄小于18："+a);
			}else{
				console.log("年龄大于18："+a);
			}
		</script>
	</head>
	<body>
	</body>
</html>

九九乘法表

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		// 九九乘法表
			for(var i = 1;i<=9;i++){
				debugger;
				var mun="";
				for(var j = 1; j<=i;j++){
					mun+=j+"*"+i+"="+(i*j)+"\t";
				}
				console.log(mun);	
			}
		</script>
	</body>
</html>

9，函数的概念

在js中，函数就是对象，因此函数可以保存在变量，对象和数组中，也可以当做函数传递给其他的函数，函数的返回值也可以是函数。

1.函数调用的四种方式

待续。。。。

10.调试

alert将数据弹出
document.write();在文档内输出
console.log在游览器的控制中输出
在js当中加入debugger;网页运行时打开F12 在按F5刷新,在按F10下一步，F8退出
在F12中的soure中打上断点；

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
		debugger;
			function fn1(){
				console.log("HEllo js");
			}
		</script>
	</head>
	<body>
	</body>
</html>

11.Date

var d = new Date();// 定义日期类型
console.log(d);// 打印当前日期
console.log(d.getFullYear());// 获取年份
console.log(d.getMonth());// 获取月份
console.log(d.getDate());// 获取日
console.log(d.getDay());// 获取星期几
console.log(d.getHours());// 获取小时
console.log(d.getMinutes());// 获取分
console.log(d.getSeconds());// 获取秒
console.log(d.getTime());// 获取时间戳
console.log(d.toLocaleString());// 获取本地日期 
console.log(d.toLocaleDateString());// 获取本地日期,只有年月日

小雄芯

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础、简单案例以及函数的定义使用当前时间的获取

1.JavaScript的作用为网页提供交互性功能以及让页面动态化。2.JavaScript的特征脚本语言：一种解释型脚本语言。简单：JavaScript 是一门弱类型语言。跨平台：只要有浏览器就能运行。基于对象：面向对象的概念。3.JavaScript的三种注释<!DOCTYPE html><html> <head> <meta charset...
复制链接

扫一扫