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>

前端速成:双月Java之旅(week3)_day2相关推荐

  1. 前端速成:双月Java之旅(week5)_day1

    已经第五周了,从这周开始要做出几个网站界面出来. 第一个要做的是千牛登录页(千牛工作台 - 商家一站式经营阵地),今天开始先模仿这个界面来做出一个类似的界面.以下是样图. 第一天开始初步敲HTML的代 ...

  2. java毕业设计旅拍平台源码+lw文档+mybatis+系统+mysql数据库+调试

    java毕业设计旅拍平台源码+lw文档+mybatis+系统+mysql数据库+调试 java毕业设计旅拍平台源码+lw文档+mybatis+系统+mysql数据库+调试 本源码技术栈: 项目架构:B ...

  3. JAVA之旅(八)——多态的体现,前提,好处,应用,转型,instanceof,多态中成员变量的特点,多态的案例...

    JAVA之旅(八)--多态的体现,前提,好处,应用,转型,instanceof,多态中成员变量的特点,多态的案例 一.多态 我们今天又要学习一个新的概念了,就是多态,它是面向对象的第三个特征,何谓多态 ...

  4. 在web前端调用后台java程序(java类)的方式

    在web前端调用后台java程序(java类)的方式: 首先静态html标签是无法直接调用java程序的,但是可以通过imput button按钮点击,onclick事件调用一个js函数,用这个js函 ...

  5. 前端速成班_在此速成班中学习Go

    前端速成班 Learn everything you need to get started programming in Go with this crash course tutorial. 通过 ...

  6. 一套通用的后台管理系统Base Admin 前端:layui 后端:java

    简介: Base Admin一套简单通用的后台管理系统 这套Base Admin是一套简单通用的后台管理系统,主要功能有:权限管理.菜单管理.用户管理,系统设置.实时日志,实时监控,API加密,以及登 ...

  7. JAVA之旅(五)——this,static,关键字,main函数,封装工具类,生成javadoc说明书,静态代码块...

    JAVA之旅(五)--this,static,关键字,main函数,封装工具类,生成javadoc说明书,静态代码块 周末收获颇多,继续学习 一.this关键字 用于区分局部变量和成员变量同名的情况 ...

  8. 耗时1年的前端技术框架切换之旅

    本文分享自华为云社区<记一次难忘的前端技术框架切换之旅[WEB前端大作战]>,原文作者:一颗白菜 . 一.旅行之始 2020年初,某个普通的工作日,正在聚精会神"搞事情" ...

  9. JAVA之旅(二十八)——File概述,创建,删除,判断文件存在,创建文件夹,判断是否为文件/文件夹,获取信息,文件列表,文件过滤...

    JAVA之旅(二十八)--File概述,创建,删除,判断文件存在,创建文件夹,判断是否为文件/文件夹,获取信息,文件列表,文件过滤 我们可以继续了,今天说下File 一.File概述 文件的操作是非常 ...

最新文章

  1. flexcan controller register
  2. 近似推断包括采样和变分两种方法,前者是通过_____进行近似,后者是通过_______进行近似。
  3. python 港股交易数据_GitHub - 116pythonZS/futuquant: 富途量化平台 API
  4. WiFi共享精灵 - 不需路由器一键轻松把网线共享给手机、笔记本等同时无线上网...
  5. 计算机网络怎么寻址_计算机网络中的无类寻址
  6. gradle项目启动报错_如何用IDEA创建SpringBoot Gradle多项目工程?
  7. java.lang.IllegalStateException崩溃处理——4种情形
  8. 【神经网络算法入门】详细推导全连接神经网络算法及反向传播算法+Python实现代码
  9. 银行核心业务系统性能测试
  10. r语言 linux plot,详解R语言plot函数参数合集
  11. 高斯平滑算法 c语言,高斯模糊算法(gaussian)
  12. Fig (无花果)任务流水线式 多线程框架使用
  13. 使用tinymce编辑器从word保持原格式复制粘贴的办法
  14. Kotlin笔记27--使用Intent传递数据
  15. spring-狂神学习笔记-联系我获取md文档
  16. CPU位数、操作系统位数和编译器位数关系
  17. php7 libmcrypt.dll_libmcrypt.dll,下载,简介,描述,修复,等相关问题一站搞定_DLL之家
  18. 华为手机扫描文档的三种方法
  19. 一个niubility的Vue游戏,真厉害!
  20. 平衡二叉排序树--调整方法快速记忆方法(渣男丢妻弃子法)

热门文章

  1. 数据保护与云不离不弃,云中护航渐成行业主旋律
  2. 程序“[4176] char.exe: 本机”已退出,返回值为 0 (0x0)
  3. 计算机组成原理随堂作业,2019-华南理工-计算机组成原理-随堂作业
  4. 爬虫工程师是干嘛的?Python爬虫工程师需要掌握哪些技能?
  5. SVN提交失败 can‘t open file‘\db\txn-current-lock’
  6. 给定一个包含非负整数的 m x n 网格,请找出一条从左上角到右下角的路径, 使得路径上的数字总和为最小。 说明:每次只能向下或者向右移动一步。
  7. Python实现迷宫游戏
  8. matlab 小游戏 找不同的颜色
  9. 所谓键位冲突和无冲突的各种原理
  10. 微信公众帐号开发-自定义菜单的创建及菜单事件响应的实例