JavaScript
桑丘紫言
这个作者很懒,什么都没留下…
展开
-
第一课:初始JavaScript
HTML+CSS静态网页js 交互、功能第一个js效果---鼠标提示框鼠标移入到input上的时候,让div显示鼠标移除input让div隐藏div1显示: block----------------------------------事件onclick----------------------------------div1.style.display='block'. 的di...原创 2018-03-14 15:42:00 · 153 阅读 · 0 评论 -
Javascript学习笔记(7_2) ---Js中的BOM
案例 轮播图实现一、 获取ID元素document.getElementById(‘id名称’)二、 获取集合元素(标签名称获取)Document.getElementsByTagName(’ 节点名称’)三、 给元素添加样式元素.style.属性名称 = 值四、 鼠标移入事件:onmouseroverindex.html<!DOCTYPE html><html...原创 2018-06-09 20:35:49 · 150 阅读 · 0 评论 -
Javascript学习笔记(8) --Js中的数组
Js中的数组一、数组是什么使用单独的变量名来存储一系列的值二、数组可以干什么存放内容三、数组的使用两种创建数组的方式1》 构造函数的形式: new Array()2》 字面量形式:[]获取数组的长度数组.length获取数组中的某一个值数组[0]四、js 中的二维数组格式:[ [] []]五、js 中的三维数组格式:[[ [] ...原创 2018-06-09 22:22:43 · 380 阅读 · 0 评论 -
Javascript学习笔记(9) --Js中的字符串
Js中的字符串一、创建方式1》字符串字面量形式:如; var str = ‘js字符串’2》构造函数创建字符串如: var str = new String(‘js字符串’);二、字符串属性length 字符串长度 或者个数三、字符串方法1》 charAt() 返回字符串指定位置的字符 (从0开始) 如果没有返回“”2》 indexOf() 返回字符在字符串中的位置如果没有返回-1 (默...原创 2018-06-10 10:22:43 · 373 阅读 · 0 评论 -
Javascript学习笔记(10) --数学对象Math
数学对象Math一、方法1》 Math.min(参数1,参数2,参数3) 求出参数中最小值2》 Math.max(参数1,参数2,参数3) 求出参数中最大值3》 Math.floor() 舍掉小数得到整数4》 Math.ceil() 有小数点就进1取整(舍去小数部分,得到整数部分+1)5》 Math.abs() 获取绝对值 6》 Math.sqrt() 开平方的7》 Math...原创 2018-06-10 11:14:09 · 293 阅读 · 0 评论 -
Javascript学习笔记(13_2) --js事件案例(小人快跑)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>小人快跑</title> <style type="text/css"> #imgs{ position: absolute;原创 2018-06-19 14:15:10 · 381 阅读 · 0 评论 -
Javascript学习笔记(13_3) --js事件案例(放大镜效果)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>放大镜效果</title> <style> *{margin:0;padding: 0;} #box{ width:700px; he原创 2018-06-19 15:43:30 · 373 阅读 · 0 评论 -
Javascript学习笔记(13_4) --js事件(拖拽效果)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>拖拽效果</title> <style type="text/css"> #box{ width:300px; heig原创 2018-06-19 16:05:23 · 136 阅读 · 0 评论 -
Javascript学习笔记(13_5) --js事件(飞机发射子弹)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>飞机发射子弹</title> <style type="text/css"> #imgs{ position: absolute原创 2018-06-19 16:55:17 · 2344 阅读 · 0 评论 -
Javascript学习笔记(7_1) ---Js中的BOM
Js中的BOM一、什么是BOMB browerO objectM model浏览器对象模型二、window对象下的属性或者方法window.open()==è打开一个页面 格式:window.open(url 地址,打开方式,设置参数,是否替换原有页面); Window.close ==è关闭页面存在问题:在火狐浏览器里关闭不了:Scriptsmay clos...原创 2018-06-09 19:26:57 · 199 阅读 · 0 评论 -
Javascript学习笔记(6) --js函数
Js 函数一:什么是函数 复用性特别强二:函数声明 格式:function 函数名称(){}*******************不会立即执行**********************三:函数调用格式:函数名称()四:函数参数 格式: function 函数名称(形参1 ,形参2 ,形参3 ,...){ }函数名称(实参1 ,实参2 , 实参3 ,...原创 2018-06-09 17:30:14 · 165 阅读 · 0 评论 -
Javascript学习笔记(1)
-------简介概述和使用一、script标签类型(type):type/javascript;路径(src) script.js字符集(charset) utf-8 二、aler、 document.write、console.logalert()系统弹出框document.write()文档输出内容console.log控制台中的console显示内容谷歌浏览器console控制台显示:三、...原创 2018-05-20 21:56:36 · 180 阅读 · 0 评论 -
Javascript学习笔记(2)
一、js的数据类型1》5种简单的字符串(String)加引号的都是字符串 单双引号都可以数字(Number) 整数 小数 负数布尔(Boolean) True-à真 falseà假Undefined(未定义) 一个变量没有赋值就是undefinedNull(空)弹出object 特殊的object2》1种复杂的Object对象数组*******...原创 2018-05-20 23:43:47 · 207 阅读 · 0 评论 -
Javascript学习笔记(3)
----JS中的运算符,操作数据值运算符包括:一元运算符(一目运算符)、布尔运算符 、算术运算符、三元运算符、赋值运算符、位运算符 1》算术运算符 + 1.如果是字符串类型和数字类型相加,最后返回的结果是连接操作。数字类型会隐式转换为字符串类型。 - 1.如果是字符串类型和数字类型相减,最后返回的结果是正常相减。字符串类...原创 2018-05-25 17:21:02 · 214 阅读 · 0 评论 -
Javascript学习笔记(11) --日期对象
Js中的日期对象日期对象的创建new Date()日期对象的方法 语法:日期对象.方法()1> getTime() 时间戳 从1970年1月 1日 开始到现在的毫秒数2> getFullYear() 年3> getMonth() 月 中国 1—12 国外 0 ---11 用到month +14> getDate() 日5> ...原创 2018-06-12 15:53:18 · 145 阅读 · 0 评论 -
Javascript学习笔记(12) --DOM对象
一DOMDocument Object Model (文档对象模型)二、获取节点1》document.getElementById() 选取有id的节点2》document.getElementsByTagName() 选取节点名称3》document.getElementsByClassName() 获取有class 节点的三、Dom树日常能见到的树: 树的部分:树枝 树干 ...原创 2018-06-14 16:12:14 · 256 阅读 · 0 评论 -
Javascript学习笔记(13_1) --js事件
js事件一、什么是事件,事件的起因btn.onclick = function(){ }二、事件流1》 事件冒泡:从内到外2》 事件捕获:从外到内三、鼠标类事件1》 onclick ===è单击事件2》ondbclick ==è双击事件3》 oncontextmenu ===è右击事件4》 onmouseover === >鼠标移入、穿过(一次)5》 onmouseout=...原创 2018-06-15 15:08:49 · 262 阅读 · 0 评论 -
Javascript学习笔记(4) JS的流程控制语句
一、JS的流程控制语句If语句格式:If(条件1){ 如果条件1成立 执行代码}else{ 如果条件1不成立,则执行这里代码}格式:If(条件1){ 如果条件1成立 执行这里代码}else if(条件2){ 如果条件2成立 执行这里代码}……Else{如果条件1---到条件N 都不成立执行这里代码}嵌套格式:If(条件1){If(条件...原创 2018-06-09 14:02:09 · 216 阅读 · 0 评论 -
Javascript学习笔记(5) ----Js中的循环语句
Js中的循环语句For循环循环语句,在有限的条件内,反复不断的执行一些事情for循环格式:for(起始条件;终止条件;步长值){ 执行语句}比喻:(起始条件 终止条件 步长值)发车时间 末班车时间 发车周期5:00 23:00 每5分钟一趟车5:05 ...原创 2018-06-09 16:19:08 · 244 阅读 · 0 评论 -
Javascript学习笔记(13_6) --js事件(省市区的三级联动)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>省市区的三级联动</title> <style type="text/css"> #box{ width: 600px;原创 2018-06-19 17:49:56 · 230 阅读 · 0 评论