![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
dweblover
这个作者很懒,什么都没留下…
展开
-
JavaScript基本语法:JS简介&变量
1.JavaScript简介javascript最初由网景公司的Brendan Eich设计,是一种动态,弱类型,基于原 型 的语言,内置支持类。经过近二十年的发展,它已成为健壮的基于对象和事件驱动并具有相对安全性的客户端脚本语言。 同时,Javascript也是一种广泛应用于客户端web开发的脚本语言常用来给HTML网页添加动态功能,比如响应客户端的的各种操作等。javascript可弥补HT...原创 2018-10-31 23:30:56 · 593 阅读 · 0 评论 -
定时器
1.定时器简单介绍(1)JS的程序运行速度是非常快的,如果希望一段程序可以每隔一段时间执行一次可以使用定时调用。(2)setInterval()定时调用,可以将一个函数每隔一段时间执行一次;参数:第一个参数为回调函数,该函数会每隔一段时间被调用一次,第二个参数为,每次调用间隔的时间,单位是毫秒。(3)setInterval()有一个返回值,返回一个Number类型的数据,这个数字用来作为定时...原创 2019-02-11 22:54:29 · 419 阅读 · 2 评论 -
JS基础-事件的拖拽
1.事件的拖拽拖拽的流程:1.当鼠标在被拖拽元素按下时,开始拖拽。(onmousedown);2.当鼠标移动时被拖拽的元素随鼠标移动。(onmousemove);3.当鼠标松开时被拖拽元素固定在当前位置.(onmouseup)<!doctype html><html><head><meta charset="utf-8"><titl...原创 2019-01-29 21:29:11 · 242 阅读 · 0 评论 -
JS基础-事件对象&&事件的冒泡&&事件的绑定以及事件的传播
1.鼠标移动的事件对象&amp;lt;!doctype html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;&amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;&amp;lt;title&amp;gt;练习&a原创 2019-01-29 17:11:48 · 252 阅读 · 0 评论 -
JS之BOM
1.BOM定义BOM(浏览器对象模型),BOM可以使我们通过JS来操作浏览器,在BOM中为我们提供了一组对象,用来完成对浏览器的操作。2.BOM对象1. Window-代表整个浏览器的窗口,同时window也是网页中的全局对象。2. Navigator(航海家)-代表当前浏览器的信息,通过该对象可以用来识别不同的浏览器。由于历史原因,navigator对象中的大部分属性都已经不能帮助我们识...原创 2019-02-05 21:40:09 · 746 阅读 · 3 评论 -
小米闪购首页实战(HTML+CSS+JS)
1.效果图如下2.CSS代码如下(style.css)body,ul,li{ margin:0; padding:0; }body{ height:2500px;}ul{ list-style:none;}/*解决高度塌陷*/.container::before,.container::after,.clearfix::before,.clearfix::aft...原创 2019-02-14 21:15:48 · 6952 阅读 · 3 评论 -
JS基础-获取当前元素的样式&&其他样式相关的属性
1.利用currentStyle方法来获取当前元素的样式<!doctype html><html><head><meta charset="utf-8"><title>获取元素当前样式练习</title><style type="text/css">#box1原创 2019-01-27 22:50:06 · 893 阅读 · 0 评论 -
dom查询
1.dom元素查询以及结点查询<!doctype html><html><head><meta charset="utf-8"><title>DOM查询练习</title><style type="text/css">*{ margin:0px; }.i原创 2018-12-03 22:37:40 · 1971 阅读 · 0 评论 -
DOM的增删改实例
1.给出如下图,请利用DOM的增删改完成员工信息的删除以及添加2.具体代码如下:&amp;amp;amp;lt;!doctype html&amp;amp;amp;gt;&amp;amp;amp;lt;html&amp;amp;amp;gt;&amp;amp;amp;lt;head&amp;amp;amp;gt;&amp;amp;amp;lt;meta charset=&原创 2018-12-01 21:51:57 · 1512 阅读 · 0 评论 -
制作网页随机验证码
1、现在全选网站为了防止用户利用机器人自动注册、登录、灌水,采用了验证码技术。所谓验证码,就是系统将一串随机产生的数字或符号,生成一幅图片,图片里加入一些千扰象素(防止OCR)的验证信息。这验证码信息由用户肉眼识别后,将其输入到表单中并提交网站验证,只有验证成功后用户才能使用系统提供的某项功能。随机产生一个由n位数字和字母组成的验证码(本例题为4位),单击[刷新]按钮,重新产生验证码。代码如下...原创 2018-11-22 23:15:50 · 2211 阅读 · 1 评论 -
利用JS实现图片切换
事件举例:1.要求实现效果:当鼠标悬停在照片上时更换为另一张照片;当鼠标离开时,还原为本来的图片。说明:1.一般来说对于一个事件问题处理起来分为三个步骤:(1)获取事件(2)绑定事件(3)书写事件驱动程序代码如下&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8&q原创 2018-11-19 23:09:35 · 40103 阅读 · 5 评论 -
利用二维数组创建动态下拉菜单&购物简易计算器
1.利用二维数组创建动态下拉菜单&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;实战&lt;/title&gt;&lt;script原创 2018-11-14 21:49:18 · 2207 阅读 · 3 评论 -
JavaScript基础:数组
1.数组简介数组的定义方式1:&amp;lt;script type=&quot;text/javascript&quot;&amp;gt; var arr=new Array();//建立一个数组 arr[0]=11;//向数组中添加元素 arr[1]=12;//向数组中添加元素 arr[2]=13;//向数组中添加元素 console.log(arr);//输出数组对象 console.log(arr[0]);/...原创 2018-11-11 18:02:37 · 261 阅读 · 0 评论 -
javascript的基本语法:函数
1. 函数的分类1.按参数个数划分:有参函数无参函数2. 按返回值划分:有返回值函数无返回值函数3.按编写函数的对象划分:自定义函数和系统函数4. 立即执行函数举例如下:&lt;script type="text/javascript"&gt;(function(a,b){ document.write("a="+a+"&lt;br/&gt原创 2018-11-10 22:44:13 · 462 阅读 · 0 评论 -
JavaScript基本语法:JS运算符
在写这篇博客之前,写给出下面几个问题,请你们小试牛刀一下**var a=10;var b1=a++;var b2=++a;var b3=a+++++a+a++;var b4=1+2+“3”;var b5=100-“5”;var b6=12&amp;amp;amp;&amp;amp;amp;21;var b7=12||21;b1-b7的值大家知道吗?**2.算数运算符(+,-,*,/, %)(1)算术运...原创 2018-11-02 22:27:29 · 9159 阅读 · 1 评论 -
JavaScript基本语法:js语句
1.if语句最基本的if语句格式 if (条件表达式) { // 条件为真时,做的事情 } else { // 条件为假时,做的事情 }多分支的if语句格式 if (条件表达式1) { // 条件1为真时,做的事情 } else if (条件表达式2) { // 条件1不满足,条件2满足时,做...原创 2018-11-04 10:23:52 · 660 阅读 · 0 评论 -
JS实现轮播图(手动切换+自动切换两种方法)
1.轮播图效果图2.完整代码如下&amp;amp;lt;!doctype html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt;&amp;amp;lt;meta charset=&amp;quot;utf-8&amp;quot;&amp;amp;gt原创 2019-02-13 16:54:30 · 51743 阅读 · 10 评论