javascript 04day(入门）

最新推荐文章于 2024-08-05 14:57:48 发布

pandaHe_Status

最新推荐文章于 2024-08-05 14:57:48 发布

阅读量607

点赞数

分类专栏：前端文章标签：入门 javascript

本文链接：https://blog.csdn.net/weixin_43321726/article/details/103800935

版权

前端专栏收录该内容

101 篇文章 1 订阅

订阅专栏

1.js三种书写方式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Document</title>
		<script type="text/javascript">
			alert('轻轻的我来了')
		</script>
		<script type="text/javascript" src="11.js"></script>
	</head>
	<body>
		<input type="button" value="唐伯虎" onclick="alert('秋香姐')">
	</body>
</html>

在这里插入图片描述
2.输入和输出语句

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<script type="text/javascript">
			prompt('这是一个输入框');
			console.log('这是控制台输出的，给程序员看的')
		</script>
	</head>
	<body>
		
	</body>
</html>

在这里插入图片描述 3.变量
1.声明一个变量
2.赋值把值存入变量中
3.变量初始化
3.输出
4.变量更新(一个变量被重新赋值后，它原有的值会被覆盖，变量值将以最后的值为准)
5.同时声明多个变量(一个var，多个变量名中间用逗号隔开）
6.变量命名规范
7.交换两个变量的值
8.变量小结

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript"> 
			var age;
			age = 18;
			var name='合同';
			console.log(age);
			console.log(name);
			
		</script>
		<script type="text/javascript">
			var myname=prompt('请输入您的名字：')
			alert(myname)
		</script>
		<script type="text/javascript">
			var name1 = '国宝'
			// console.log(name1)
			name1 = '达尼'
			console.log(name1)
		</script>
		<script type="text/javascript">
			var age = 18,name='dad',sex='女'
			
		</script>
		<!-- 交换两个变量的值 -->
		<script type="text/javascript">
			var temp;
			var apple1 = '青苹果';
			var apple2 = '红苹果';
			temp = apple1;
			apple1 =apple2;
			apple2 = temp;
			console.log(apple1);
			console.log(apple2);
			
		</script>
	</head>
	<body>
	</body>
</html>

pandaHe_Status

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
javascript 04day(入门）

1.js三种书写方式<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Document</ti...
复制链接

扫一扫

专栏目录