JS
Hercule2016
中国科学院软件研究所天基大数据团队助理工程师,希望与大家共同进步。
展开
-
bom介绍
bom全称是Browser object model 浏览器对象模型把浏览器看做对象里面有很多其他的对象这里的大体关系如下:可以看到bom在最上面。而document也就是dom也在下面。由于前面已经提到过dom所以这里再把下面四个对象说一下,那么js提到的内容基本也就结束了NavigatorNavigator 对象包含有关浏览器的信息。下面的内容是我从w3c上粘贴过来的:Screen 对象Screen 对象包含有关客户端显示屏幕的信息。History 对象History原创 2020-06-19 15:48:28 · 392 阅读 · 0 评论 -
JS定时器实现无砖块版打砖块
1原创 2020-06-19 10:45:28 · 150 阅读 · 0 评论 -
JS定时器
定时器里面没什么好说的,直接上代码看效果就可以了。记得好好的读注释。 //js里面没有线程 //异步执行一般用定时器 //定时器有2种 //1.循环执行 //两个参数 第一个参数是循环执行的任务 第二个参数是间隔多长的时间,单位是毫秒这里就是间隔0.5秒执行一次 //返回定时器id 间隔指定时间,重复执行任务 var index = 0; var inter = setInterval(function(){ index+原创 2020-06-18 19:56:59 · 189 阅读 · 0 评论 -
JS实现购物车功能
因为接下来是三个实操项目所以文字叙述会很少。我所张贴出来的代码全是可以粘贴到IDE上面运行的。所以如果照着写有错,请全部粘贴过去运行,亦或是在博客下方留言。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>我的购物车</title></head><body><div id = "showGood原创 2020-06-18 19:29:46 · 991 阅读 · 0 评论 -
JS对象
在用JS完成实际的功能性demo之前,先了解一下JS的对象在JS中创建对象主要有三种创建方式第一种和java类似,先创建类,再根据类来创建对象。function Person(n,a){ this.name = n; this.age = a; this.walk = function (){ console.log(this.name + "正在走路"); } } var person = new原创 2020-06-18 14:19:34 · 84 阅读 · 0 评论 -
JS正则表达式以及输入校验
关于正则表达式的一些细枝末节还有一些代码的详细内容和意义来说,我建议大家可以去w3school去看看。但是记住正则表达式是与语言无关的。我这里仅仅给出一个实例来帮大家参考。下面这一段代码主要功能是判断账号的格式,我会在下面打上详细的注释!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head>原创 2020-06-18 11:37:54 · 428 阅读 · 0 评论 -
JS事件
事件有三要素:事件源,事件对象,事件监听器事件源:事件发生的对象事件对象:事件发生后,所有的信息封装称为一个对象事件监听器:事件发生后,处理该事件添加事件(下面所有的代码为了节省时间我就不演示了,粘贴到开发工具上,就可以在浏览器上运行了)1.直接在标签上添加事件<html><head> <meta charset="UTF-8"> <title>Title</title> <style>原创 2020-06-18 10:34:21 · 82 阅读 · 0 评论 -
dom增删改查
Dom文档对象模型把整个网页看做是一个对象,通过这个对象可以使用js改变网页中的内容。所以dom是整个JS中最核心的内容。这里我就直接创建一个实例就可以了。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><a href="#">aa原创 2020-06-18 09:48:37 · 285 阅读 · 0 评论 -
JS函数(方法)
比方定义一个运算方法 * 定义一个加法运算 * return 根据方法的需要选择添加 * @param a * @param b * @returns {*} */ function plus(a,b){ return a + b; }其实运算方法还可以这样定义var pl = function (a,b){ console.log(a + b); }下面分别运行一下: alert(原创 2020-06-17 18:42:23 · 784 阅读 · 0 评论 -
JS流程控制以及集合和数组
判断If(){}else if(){}else{}和java基本一样,除了小括号中可以写单个变量可以写一个If(1){}这个判断也会当做true来处理的 。循环For(定义;判断;改变){}While(条件){}Do{}while(条件)这里也和java是一样的就不过多的阐述了这里既然提到了循环,那么肯定要提一下集合和数组首先在JS中是没有集合的概念的JS中的数组是这样的:var arr = [];//这里就定义了一个数组如果要给数组初始化:var arr =原创 2020-06-17 16:26:53 · 321 阅读 · 0 评论 -
JS运算
数学运算和java基本一样(注意这里是基本一样,注意关键字“基本”)。符号有±*/%JS在两个整数进行处罚运算的时候会得到小数比如以下代码: var a = 123; var b = 10; alert(a/b);另外还有一些符号:+=,-=,*=,/=这些都是一样的还有++,–这些符号也是一样的还有逻辑运算基本也是这些符号>,<,>=,<=,==,!,!=接下来重点来了 var a = 123; var b = 123; alert(a==b)原创 2020-06-17 14:42:04 · 210 阅读 · 0 评论 -
JS变量
首先JS在上一篇博客中我提到了是弱类型语言,接下来就好好摆一哈。声明一个变量可以用var,或者是let关键字其类型有:Number 数字类型 包括整数和小数String 字符串类型Boolean 布尔类型 true和falseObject 对象关于对象这里JS也有自己的对象,比如我可以写如下代码var c = null;alert(typeof c);alert就是在浏览器中弹出提示窗的代码,结果如下:此外还有Undefind 未定义。比如定义一个变量但是不给赋值,代码如下:v原创 2020-06-17 14:10:29 · 230 阅读 · 0 评论 -
JS简单介绍(以及html和css简单回顾)
学习js,需要先掌握html,css那这里我就先回忆一下html的内容:html超文本标记语言一般的html文件的格式如下:这里每个标签是干什么我就先不提了,有需求的请自己百度。顺便再说一下,在javaweb阶段所有的代码我都会用IDEA来编辑。首先这个软件是收费软件,如果你是学生你可以申请免费,如果你和我一样正在学习没有收入可以用破解版,具体破解版资源请自行寻找。如果你已经工作有一份收入,还是支持一下正版吧,大家都是开发人员都是靠着手里这副键盘吃饭,而且知识产权还是尊重一下吧。<html&原创 2020-06-17 13:45:42 · 421 阅读 · 0 评论