JavaScript学习笔记（一）

最新推荐文章于 2024-07-29 17:08:18 发布

CoderRuL

最新推荐文章于 2024-07-29 17:08:18 发布

阅读量142

点赞数 2

分类专栏：学习笔记文章标签： JavaScript

本文链接：https://blog.csdn.net/qq_43472474/article/details/98519120

版权

学习笔记专栏收录该内容

15 篇文章 0 订阅

订阅专栏

博主声明：
本文由博主luoru_LR原创，请多支持与指教。
转载请在开头附加本文链接及作者信息，并标记为转载。
博主主页

JavaScript是什么？
JavaScript是一种轻量级的解释型编程语言。它旨在创建以网络为中心的应用程序。它与Java互补并集成在一起。JavaScript很容易实现，因为它与HTML集成在一起。它是开放和跨平台的。

为什么学习JavaScript？

HTML 定义了网页的内容
CSS 描述了网页的布局
JavaScript 网页的行为

JavaScript主要包括以下知识：

JavaScript基础语法；
JS HTML DOM；
浏览器BOM；
以及JS的各种库（jQuery、Angular、JSON等）；
其中JavaScript的基础语法与Java非常相似，花两到三天过一遍就差不多了。

今日学习内容
JS的变量、语句、注释、输出、运算符、算术、赋值、数据类型、函数、对象、事件、字符串方法、数字方法、数组方法、数学、随机、比较、逻辑、条件、类型转换、异常、作用域、Hoisting等。懂Java语法的话比较简单，几乎看一遍就懂了。

JavaScript实例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>JavaScript测试1</title>
	<style type="text/css">
		body{
			font-size: 20px;
		}
		button{
			height: 35px;
			width: 200px; 
			font-size: 20px;
		}
		.text1{
			height: 35px;
			width: 200px; 
			font-size: 20px;
		}
	</style>
	<script type="text/javascript">
	function show() {
		var name = document.getElementById("nametx").value;
		var age = document.getElementById("agetx").value;
		var sex = document.getElementById("sextx").value;
		alert("请确认您的信息:\n"+"姓名："+name+"\n"+"年龄："+age+"\n"+"性别："+sex+"\n");
	}
</script>
</head>
<body>
	<p>请输入您的相关信息</p>
<form>
	姓名：<input type="text" class="text1" id="nametx" placeholder="请输入您的姓名"><br /><br />
	年龄：<input type="text" class="text1" id="agetx" placeholder="请输入您的年龄"><br /><br />
	性别：<input type="text" class="text1" id="sextx" placeholder="请输入您的性别"><br /><br />
	<button onclick="show();">确认</button>
</form>
</body>
</html>

在这里插入图片描述
JavaScript学习资料
菜鸟教程
 W3scholl
易百教程

CoderRuL

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习笔记（一）

JavaScript是什么？JavaScript是一种轻量级的解释型编程语言。它旨在创建以网络为中心的应用程序。它与Java互补并集成在一起。JavaScript很容易实现，因为它与HTML集成在一起。它是开放和跨平台的。为什么学习JavaScript？HTML 定义了网页的内容CSS 描述了网页的布局JavaScript 网页的行为JavaScript主要包括以下知识：Jav...
复制链接

扫一扫

专栏目录