java-web前端 javascript
介绍
JavaScript是Web中一种功能强大的脚本语言,被设计为向 HTML 页面增加交互性,常用来为网页添加各式各样的动态功能,它不需要进行编译,直接嵌入在HTML页面中,就可以把静态的页面转变成支持用户交互并响应事件的动态页面。
引入JavaScript方式:
在HTML文档中,较为常用的引入JavaScript的方式有两种:
一种是在HTML文档中直接嵌入JavaScript脚本,称为内嵌式;
另一种是链接外部JavaScript脚本文件,称为外链式。
内嵌式:
在html body结束标签前写
<!--javascript-->
<script>let a = 10;a++
</script>
外链式:
常见数据类型
可以给变量赋任意类型的值,由值的类型决定变量类型
与python一致
n=12;
x="234";
变量命名规则
变量名可以由字母、下划线(_)、美元符号($),甚至中文组成
运算符
算术运算符
用于连接运算表达式,主要包括加(+)、减(-)、乘(*)、除(/)、取模(%)、自增(++)、自减(–)等运算符
比较运算符:
逻辑运算符:
赋值运算符:
函数
JavaScript中,定义函数是通过function语句实现的。其语法格式如下:
在上述语法中,functionName是必选项,用于指定函数名,在同一个页面中,函数名必须是唯一的,并且区分大小写;parameter1,parameter2,…是可选项,代表参数列表,当使用多个参数时,参数间使用逗号进行分隔,一个函数最多可以有255个参数;statements是必选项,代表用于实现函数功能的语句;return expression是可选项,用于返回函数值,expression为任意表达式、变量或常量。
windows对象
windows对象:最大的窗口,对象名称不写代表windows对象(允许省略对象名称)
属性和类名可以直接通过名称访问
属性和方法:
document:代表html文档
history:窗体历史记录
open():打开新窗口
close():关闭当前窗口
alter():弹出:警告框,确认后就消失
confirm()确认框,确认和取消
prompt():用户输入框
使用示例:
JavaScript:
<script>function sum() {//通过id获取数字的值//js提供了parseInt()和parseFloat()两个转换函数。前者把字符串转换成整数,后者把字符串转换成浮点数。var num1 = parseFloat(document.getElementById("num1").value);var num2 = parseFloat(document.getElementById("num2").value);//isNaN 返回一个 Boolean 值,指明提供的值是否是 NaN ,NaN 的意思是 not a number(不是一个数字)。if (isNaN(num1) || isNaN(num2)) {alert("输入的内容不是数字")} else {//弹出警告框,返回结果alert(num1 + num2);}}</script>
Html:
<body>
<form><input type="text" placeholder="请输入数字" id="num1"><input type="text" placeholder="请输入数字" id="num2"><!--点击事件sum()函数--><input type="button" value="求和" onclick="sum()" class="button">
</form>
整个代码:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>SUM_HTML</title><script>function sum() {//通过id获取数字的值//js提供了parseInt()和parseFloat()两个转换函数。前者把字符串转换成整数,后者把字符串转换成浮点数。var num1 = parseFloat(document.getElementById("num1").value);var num2 = parseFloat(document.getElementById("num2").value);//isNaN 返回一个 Boolean 值,指明提供的值是否是 NaN ,NaN 的意思是 not a number(不是一个数字)。if (isNaN(num1) || isNaN(num2)) {alert("输入的内容不是数字")} else {//弹出警告框,返回结果alert(num1 + num2);}}</script>
</head>
<body>
<form><input type="text" placeholder="请输入数字" id="num1"><input type="text" placeholder="请输入数字" id="num2"><!--点击事件sum()函数--><input type="button" value="求和" onclick="sum()" class="button">
</form>
</body>
</html>
Date对象
var d=new Date()
typeof()返回类型,Object,没有具体的类型,都是Object
String对象
java-web前端 javascript相关推荐
- Java Web 前端高性能优化(二)
2019独角兽企业重金招聘Python工程师标准>>> ######一.上文回顾 上回我们主要从图片的合并.压缩等方面介绍前端性能优化问题(详见Java Web 前端高性能优化(一) ...
- Web前端-JavaScript基础教程上
Web前端-JavaScript基础教程 将放入菜单栏中,便于阅读! JavaScript是web前端开发的编程语言,大多数网站都使用到了JavaScript,所以我们要进行学习,JavaScript ...
- Java Web 前端高性能优化(二) 1
一.上文回顾 上回我们主要从图片的合并.压缩等方面介绍前端性能优化问题(详见Java Web 前端高性能优化(一)) 本次我们主要从图像BASE64 编码.GZIP压缩.懒加载与预加载以及 OneAP ...
- Web前端JavaScript笔记(4)节点
如何获取元素节点的属性: 在Web前端JavaScript笔记(3)对象中,介绍了访问行间属性的方法,除此之外,系统还提供了三个方法访问元素的属性: 1. setAttribute: 2. getAt ...
- Web前端-JavaScript基础教程下
Web前端-JavaScript基础教程下 <script>有6个属性: async对外部脚本有效,可以用来异步操作,下载东西,不妨碍其他操作. charset为src属性指定字符集. d ...
- web前端JavaScript嵌入百度地图API的方法 最详细
web前端JavaScript嵌入百度地图API最详细的方法 一.申请成为百度开发者,获得使用地图API接口的权限,获取(AK)码. 二.实现首图效果(可以参考开发者指南) 1. 根据Hello Wo ...
- Java Web 前端高性能优化(一)
Web 发展的速度让许多人叹为观止,层出不穷的组件.技术,只需要合理的组合.恰当的设置,就可以让 Web 程序性能不断飞跃.所有 Web 的思想都是通用的,它们也可以运用到 Java Web.这一系列 ...
- python java web前端 net 移动开发_JavaScript超越了Java,c,python等等成为Stack Overflow上最热门的...
Javascript 可以做什么 1. Web 前端 相信这个这个是毫无疑问的,在 Web 前端的地位目前是没有任何语言能撼动它的霸主地位. image.png 2. 后端 Nodejs Node.j ...
- (6K-10K外派到盛大).NET/PHP/Java/Web前端/Linux C++开发
帮公司招人, 职位全部都在[上海]!如果有兴趣的请联系我: email/msn: wbqsln@126.com qq: 155217529 ============================== ...
- web前端JavaScript程序员必学技术指南
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScript脚本是通过嵌入在HTML中来实现 ...
最新文章
- c 使用腾讯云mysql_腾讯云使用笔记一: 环境搭建
- 为什么浮点型运算结果会有误差?
- 如何查询MySql日志
- linux集群流程运行,linux 怎么配置集群
- 自定义控件android特效,Android自定义控件eBook实现翻书效果实例详解
- python爬虫cookie池 与ip绑定_Python爬虫:设置Cookie解决网站拦截并爬取蚂蚁短租
- 在vue.js引用图片的问题
- js导出的xlsx无法打开_js文件操作之——导出Excel (js-xlsx)
- 从留言簿开始,学习MonoRail MVC(三)
- spring读取jdbc(file方式)
- 公司员工考勤系统Java代码
- ARP表项的创建与更新
- delphi 剪切板变量_delphi实时监控剪贴板
- JAFFE表情库介绍
- 关于计算机WIFI网络(无线网卡)消失问题
- [YYOJ]LZY喜欢的数字
- pdf在线翻译_推荐可以pdf等格式直接在线翻译的免费工具
- CAD多行文本中文字的堆叠
- 服务器存储的作用和用途,存储服务器有四大作用你都清楚吗?
- MySQL基础之多表查询