JavaScript学习 one day

最新推荐文章于 2024-03-18 23:43:32 发布

Sherry1014miss

最新推荐文章于 2024-03-18 23:43:32 发布

阅读量1.4k

点赞数

分类专栏： JS 学习文章标签： 1024程序员节

本文链接：https://blog.csdn.net/Sherry1014miss/article/details/120937388

版权

JS 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

学习

9 篇文章 2 订阅

订阅专栏

1.初始JavaScript

在这里插入图片描述
完犊子，还是那么好玩，好怕我又陷进去，笑死，好有趣啊

在这里插入图片描述

2.DOM
2.BOM

JS有三种书写位置

1.行内式JS

在这里插入图片描述
所有的JS里的代码用单引号使用

2，内嵌式

在这里插入图片描述

3.外部JS文件

在这里插入图片描述

JS中的注释

在这里插入图片描述

3.JS输入输出语句

在这里插入图片描述

变量

在这里插入图片描述

变量

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible"content="ie=edge">
	<title>Document</title>
	<!--2.内嵌式的js  -->
	<script type="text/javascript">
			//变量的初始化
			var age=18;
			//3输出结果
			console.log(age);
			//这是一个输入框
			//prompt('tell me your name');
			//alert弹出警示框,输出的，展示给用户的
			//alert('iloveyou');
			//console控制台输出，给程序员看到的
			//console.log('程序员能看到的')
			
	</script>
	<!-- 3.外部js双标签 -->
	<!-- <script src="day1.js"></script> -->
</head>
<body>
	<!-- 1.行内式的js 直接写到元素的内部-->
	<!-- <input type="button" value="唐伯虎" οnclick="alert('求详解')"> -->
	<!-- alert会弹出一个对话框 -->
</body>
</html>

今天写的关于变量的简单案例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
	var myname='kk';
	var adress='648228';
	var age='12';
	var email='dwdiw.com';
	console.log(myname);
	console.log(adress);
	console.log(age);
	console.log(email);
	</script>
</head>
<body>
	
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
	//1.用户输入姓名，存储在myname的变量里面去
	var myname=prompt('请输入您的名字');
	//2.输出这个用户名
	alert(myname);
	</script>
</head>
<body>
	
</body>
</html>