前端速成：双月Java之旅（week3）_day2

最新推荐文章于 2024-09-16 08:47:17 发布

若凡໌້ᮨ

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量150

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_53673193/article/details/125772082

版权

JS可以在前端完成简单的数据校验，在用户名或者密码不能为空的时候使用。JavaScript是一种直译式脚本语言，通过浏览器来解释执行。

首先对JS进行简要介绍。JS的组成部分有三个，第一部分是ECMAScript，这是JS的核心部分，定义JS的语法规范；然后是DOM，即Document Object Model，文档对象模型，主要是用来管理页面的；最后一部分是BOM，Browser Object Model，浏览器对象模型，是网页上面的一部分，包括前进、后退、刷新、地址栏和搜索记录等。

JS的语法特点主要包括变量弱类型，即声明变量时使用var而不用具体写出变量的类型，其次JS与HTML不同，JS区分大小写；然后是JS语句末尾的分号可写可不写，还有就是JS的内容需要写在<script>标签中。JS的基本数据类型有null、number、boolean、string和undefined。JS的运算符和java一样，但多一个“===”，即要求类型和值都必须相等。最后是JS的输出，alter()是直接弹窗，document.write()是向页面输出，console.log()是向控制台输出，innerHTML是向页面输出，最后是获取页面元素，document.getElementByld("d的名称")。

JS的开发步骤一般如下：

1.确定事件：点击按钮
2.通常事件都会触发一个函数
3.函数里面通常都会去操作页面元素，做一些交互动作

以下是根据步骤建立的一个简要HTML文件来调用JS建立的函数及运行结果。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--
        	1.确定事件：点击按钮
        	2.通常事件都会触发一个函数
        	3.函数里面通常都会去操作页面元素，做一些交互动作
        -->
        <script>
        	function dianwo(){
        		alert("点击成功")
        	}
        </script>
	</head>
	<body>
		<input type="button" value="点击按钮"  onclick="dianwo()"/>
	</body>
</html>