- 博客(21)
- 收藏
- 关注
RSS订阅原创 JavaScript学习第二十二天
AJAXAJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX不是新的编程语言，是一种使用现有标准的新方法。 AJAX最大的有点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。 AJAX不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。 AJAX是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量的数据交换，AJAX可以使网页实现异步更新。 传统的网页(不使用
2022-05-10 22:01:14
82
原创 JavaScript学习第二十一天
JavaScript的cookie - cookie是用来储存web页面的用户信息。 - 由于HTTP是一种无状态的协议，服务器单从网络链接上是无法知道客户信息的。这个时候服务器会给客户端（浏览器）颁发一个cookie，用来确认用户的信息。 1. 获取 document.cookie console.log(document.cookie); 2. 设置 document.cookie="name=value;domain=.domain.com;pat
2022-05-09 21:25:47
321
原创 JavaScript学习第二十天
BOM的窗口事件 var aBtns = document.getElementsByTagName("button"); aBtns[0].onclick=function(){ window.open("newWin.html","_blank","scrollBars=yes") } onload 当文档加载时运行脚本 入口函数 window.onload=function(){ // 网页/文档加载完成 包含
2022-05-08 19:38:29
428
原创 JavaScript学习第十九天
初始BOMJS代码console.log(window); // window.alert("警告框");//全局方法会省略window var a="全局变量"; function func(){ console.log("全局函数") } console.log(window.location); console.log(window.history); console.log(window.screen); console.log(wi
2022-05-06 21:27:43
593
原创 JavaScript学习第十八天
事件冒泡html代码 <div class="box1">box1 <div class="box2">box2 <div class="box3">box3 <div class="box4">box4</div> </div> </div> </div> css代
2022-05-05 21:37:02
403
原创 JavaScript学习第十七天
DOM事件对象事件自带的属性，包含事件相关的一些属性键盘事件对象html代码 <input type="text">1altkey、actrlkey、shiftkey 判断这些键是否被按下matekey 判断matekey键是否被按下（针对mac系统）code 返回键盘代码keycode 返回按键的字符代码（针对Ie8以下的浏览器）which 返回按键的字符代码target 返回时间作用的目标元素bubbles 返回是否具有冒泡属性cancelb..
2022-05-04 20:51:03
79
原创 JavaScript学习第十六天
键盘事件onkeydown 键盘按下事件，当有按键按下时触发onkeyup 键盘松开事件，当有按键被松开时触发onkeypress 当有按键被按下并松开时会触发（当按下上下左右、shift、ctrl等功能键时，不会触发）注意由于电脑自带的连续触发的功能，当按键一直按着时onkeydown和onkeypress被会连续触发html代码<div class="wrap"> <div class="box"> onkeydown事
2022-04-29 00:58:04
79
原创 JavaScript学习第十五天
DOM的鼠标事件事件：允许js在html文档元素注册不同的事件处理程序，驱动函数/方法- 鼠标事件- 键盘事件- 表单事件- 剪切板事件- 拖拽事件- 打印事件- 媒体事件- 框架事件- 动画事件- 过渡事件- 鼠标事件-鼠标点击事件---- onclick 鼠标左键点击触发- ondblclick 鼠标左键双击触发- onmousedown 鼠标按键按下时触发（左中右键均可以）- onmouseup 鼠标按键松开时触发（左中右键均可以）- 鼠标移动事件-
2022-04-28 22:07:10
95
原创 JavaScript学习第十四天
DOM的遍历(查找) html部分 <div id="wrap"> 最大的盒子 <div class="box box1"> 这是盒子01 <p id="text">这是段落标签</p> <span>这是文本标签</span> </div> 这是box1与box2之间的文本 &l
2022-04-26 19:58:11
1133
原创 JavaScript学习第十三天
DOM中HTML改变输出流 document.write() 入口函数 当文档加载完成后 执行 window.onload = function () { document.write("改变输出流");//会覆盖文档 } // 字符串 document.write("改变输出流"); // 解析标签 document.write("<h2>这是h2标签</h2>");
2022-04-25 23:49:37
62
原创 JavaScript学习第十二天
DOM(文档对象模型) - 当网页被加载时，浏览器会创建DOM，DOM属于BOM的一部分，对document的操作。 - HTML DOM被构造为对象的树。 DOM树。 - DOM树包含 HTML元素，HTML文本，HTML属性。 - JavaScript通过DOM可以改变HTML元素，HTML文本，HTML属性(CSS样式)，事件做出反应DOM是什么？ - 文档对象模型，是HTML文档的编程接口 - 当网页被加载时，浏览器会创建页面的文档对象模型 ### DOM做什么？
2022-04-24 21:31:05
1232
原创 JavaScript学习第十天
JavaScript的布尔对象 Boolean对象用于将非布尔值转换为布尔值(true或false) 1. var a=true; var b=false; // var c=new Boolean(参数) 参数可以非布尔值 自动转换 var c=new Boolean(""); console.log(c) 2. 属性 console.log(Boolean.prototype) // constructor 返回对
2022-04-21 18:57:13
877
原创 JavaScript学习第九天
正则表达式(Regular Expression) RegExp 1.什么是正则表达式？（正则式） 正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你查询的内容。 正则表达式可以是一个简单的字符，或一个更复杂的模式。 正则表达式可以用于所有文本搜索和文本替换的操作。 **由一个字符序列形成的搜索模式，用来匹配** -简单字符 - 属性 - 方法 - 修饰符 2. 正则表达式的模式： ①正则表达式
2022-04-20 19:59:16
576
原创 JavaScript学习第八天
数组去重 var arr=[1,1,1,1,2,2,2,2,3,3,4,4,5,5,"a","a"]; // console.log(arr.indexOf(1)); // 去重后得到 [1,2,3,4,5,"a"] // 两类方式 1.操作原数组 改变原数组 // 删除原数组中相同的项 splice(开始的索引,截取的长度,添加的元素) // 1)遍历数组 拿到所有元素 for(var i=0;i<arr.length;i+
2022-04-19 19:11:33
61
原创 JavaScript学习第七天
JavaScript数组的方法（迭代） var arr1=[7,8,9,11,28,36,54,88,96]; var arr2=[12,18,24]; var arr3=["O","P","Q","R","S","T","U"]; // every(函数)检测数值元素的每个元素是否都符合条件 函数:console.log(arr1.every(function(item){ return item>0 //true })) //
2022-04-18 19:08:22
51
原创 JavaScript学习第六天
JavaScript数组对象 数的组合 使用单独的变量命储存一系列的值，一个容器储存多个元素。 // 单独声明变量 储存数据 var name1= "生蚝"; var name2= "排骨"; var name4= "鸡"; var name3= "鲍鱼"; // 使用数组将 一系列的值进行储存 var aNames=["生蚝","排骨","鸡","鲍鱼"]; var hao1 = { name: "生蚝1", p
2022-04-17 19:37:12
510
原创 JavaScript学习第五天
JavaScript的对象 ①对象(Object)是一个以键值对形式储存属性的集合，每个属性有一个特定的名称，以及与名称相对应的值。这种关系有-一个专有名称，称为映射。对于对象来说，除了可以通过这种方式保持自由属性，还可以通过继承的方式继承属性，这种方式称为“原型式继承”。 ②万物皆对象 ③语法: {key:value, key2:value2 , key3:value3,...} ④JavaScript的对象的值是属性和方法的数据。 // var perso
2022-04-14 19:54:50
266
原创 JavaScript学习第四天
JavaScript带有返回值的函数 function func(){ console.log("没有返回值的函数") } // 调用 func(); // console.log(func());// 打印方法执行后的结果 undefined 没有返回值 console.log("------------") // return 语句 返回值(结果) function func2() { c
2022-04-13 17:51:05
44
原创 JavaScript学习第三天
JavaScript的for循环**循环是将代码执行指定的次数。** // for循环 for(语句1;语句2;语句3){ 执行的代码 } // 语句1：条件的变量的初始值(代码执行前执行) 只执行一次 // 语句2：循环条件 // 语句3：循环(代码块)已被执行后执行的代码(通常是自增或自减) for (var i = 0; i < 4; i++) { console.log(i,"执行的代码"
2022-04-12 18:59:50
38
原创 JavaScript学习第二天
01JavaScript的赋值运算符``` 变量的声明 var 变量的赋值 = 变量名 = 变量的值var num=10;console.log(num)num=20;console.log(num)num=100;console.log(num)```02JavaScript的算数运算符```var a=10,b=3; + 加 var c=a+b;console.log(c);//13 - 减console.log(a-b);//7 * 乘 c
2022-04-11 19:15:33
48
原创 JavaScript学习第一天
**********宿主**********：在哪里运行浏览器 node Adobe FlashJavaScript分为三部分1.ECMAScript(js核心语法部分)2.DOM(文档对象模型) Document Object Model3.BOM(浏览器对象模型) Browser Object Model一.JavaScript的引入方式- 行内嵌入JavaScript代码(不推荐使用) <button onclick="javascript:alert('行内...
2022-04-11 00:11:12
90
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人