前端速成:双月Java之旅(week3)_day2
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相关推荐
- 前端速成:双月Java之旅(week5)_day1
已经第五周了,从这周开始要做出几个网站界面出来. 第一个要做的是千牛登录页(千牛工作台 - 商家一站式经营阵地),今天开始先模仿这个界面来做出一个类似的界面.以下是样图. 第一天开始初步敲HTML的代 ...
- java毕业设计旅拍平台源码+lw文档+mybatis+系统+mysql数据库+调试
java毕业设计旅拍平台源码+lw文档+mybatis+系统+mysql数据库+调试 java毕业设计旅拍平台源码+lw文档+mybatis+系统+mysql数据库+调试 本源码技术栈: 项目架构:B ...
- JAVA之旅(八)——多态的体现,前提,好处,应用,转型,instanceof,多态中成员变量的特点,多态的案例...
JAVA之旅(八)--多态的体现,前提,好处,应用,转型,instanceof,多态中成员变量的特点,多态的案例 一.多态 我们今天又要学习一个新的概念了,就是多态,它是面向对象的第三个特征,何谓多态 ...
- 在web前端调用后台java程序(java类)的方式
在web前端调用后台java程序(java类)的方式: 首先静态html标签是无法直接调用java程序的,但是可以通过imput button按钮点击,onclick事件调用一个js函数,用这个js函 ...
- 前端速成班_在此速成班中学习Go
前端速成班 Learn everything you need to get started programming in Go with this crash course tutorial. 通过 ...
- 一套通用的后台管理系统Base Admin 前端:layui 后端:java
简介: Base Admin一套简单通用的后台管理系统 这套Base Admin是一套简单通用的后台管理系统,主要功能有:权限管理.菜单管理.用户管理,系统设置.实时日志,实时监控,API加密,以及登 ...
- JAVA之旅(五)——this,static,关键字,main函数,封装工具类,生成javadoc说明书,静态代码块...
JAVA之旅(五)--this,static,关键字,main函数,封装工具类,生成javadoc说明书,静态代码块 周末收获颇多,继续学习 一.this关键字 用于区分局部变量和成员变量同名的情况 ...
- 耗时1年的前端技术框架切换之旅
本文分享自华为云社区<记一次难忘的前端技术框架切换之旅[WEB前端大作战]>,原文作者:一颗白菜 . 一.旅行之始 2020年初,某个普通的工作日,正在聚精会神"搞事情" ...
- JAVA之旅(二十八)——File概述,创建,删除,判断文件存在,创建文件夹,判断是否为文件/文件夹,获取信息,文件列表,文件过滤...
JAVA之旅(二十八)--File概述,创建,删除,判断文件存在,创建文件夹,判断是否为文件/文件夹,获取信息,文件列表,文件过滤 我们可以继续了,今天说下File 一.File概述 文件的操作是非常 ...
最新文章
- flexcan controller register
- 近似推断包括采样和变分两种方法,前者是通过_____进行近似,后者是通过_______进行近似。
- python 港股交易数据_GitHub - 116pythonZS/futuquant: 富途量化平台 API
- WiFi共享精灵 - 不需路由器一键轻松把网线共享给手机、笔记本等同时无线上网...
- 计算机网络怎么寻址_计算机网络中的无类寻址
- gradle项目启动报错_如何用IDEA创建SpringBoot Gradle多项目工程?
- java.lang.IllegalStateException崩溃处理——4种情形
- 【神经网络算法入门】详细推导全连接神经网络算法及反向传播算法+Python实现代码
- 银行核心业务系统性能测试
- r语言 linux plot,详解R语言plot函数参数合集
- 高斯平滑算法 c语言,高斯模糊算法(gaussian)
- Fig (无花果)任务流水线式 多线程框架使用
- 使用tinymce编辑器从word保持原格式复制粘贴的办法
- Kotlin笔记27--使用Intent传递数据
- spring-狂神学习笔记-联系我获取md文档
- CPU位数、操作系统位数和编译器位数关系
- php7 libmcrypt.dll_libmcrypt.dll,下载,简介,描述,修复,等相关问题一站搞定_DLL之家
- 华为手机扫描文档的三种方法
- 一个niubility的Vue游戏,真厉害!
- 平衡二叉排序树--调整方法快速记忆方法(渣男丢妻弃子法)
热门文章
- 数据保护与云不离不弃,云中护航渐成行业主旋律
- 程序“[4176] char.exe: 本机”已退出,返回值为 0 (0x0)
- 计算机组成原理随堂作业,2019-华南理工-计算机组成原理-随堂作业
- 爬虫工程师是干嘛的?Python爬虫工程师需要掌握哪些技能?
- SVN提交失败 can‘t open file‘\db\txn-current-lock’
- 给定一个包含非负整数的 m x n 网格,请找出一条从左上角到右下角的路径, 使得路径上的数字总和为最小。 说明:每次只能向下或者向右移动一步。
- Python实现迷宫游戏
- matlab 小游戏 找不同的颜色
- 所谓键位冲突和无冲突的各种原理
- 微信公众帐号开发-自定义菜单的创建及菜单事件响应的实例