javascipt
关注
分享
扫一扫
文章平均质量分 55
冲啊Javascripit
这个作者很懒，什么都没留下…
展开
-
ThreeJs 学习踩坑
因为renderer.setSize(window.innerWidth / window.innerHeight);看了一上午都没找到问题，一度怀疑是编辑器坏了.真难受…一个非常简单的创建场景的片段，运行后啥都没有，啥操作都没显示。1.有个错误找了一上午…原创 2022-11-12 15:10:34 · 878 阅读 · 0 评论 -
javascript(26)JSON
需求：传递对象给后台js中的对象只有js自己认识，其他语言都不认识思路：转换成都认识的数值JSON就是一个特殊格式的字符串，这个字符串可以被任意语言所识别并且黄钻换成任意语言中的对象，JSON在开发中主要用来做数据的交互JSON：-javascript object Notation JS对象表示法-JSON和js对象的格式一样，只不过JSON字符串中的属性名必须加双引号其他的和J...原创 2020-04-19 18:37:30 · 186 阅读 · 0 评论 -
javascript(25)定时器、延时调用器
定时器作用:每隔一段时间自动执行一段代码setInterval() 参数1:一个回调函数,用于执行一段指定代码 参数2:number值,表示执行时间间隔,单位是毫秒. 1秒=1000毫秒 返回值:返回个number值,用作停止定时器的标识clearInterval() 用来停掉一个定时器,参数是一个定时器的标识<!DOCTYPE html><html> ...原创 2020-04-19 18:36:55 · 165 阅读 · 0 评论 -
javascript(24)BOM
BOM浏览器对象模型BOM可以使我们通过js来操作浏览器在BOM中为我们提供了一组对象，用来完成对浏览器的操作在BOM对象Window代表的是整个浏览器的窗口，同时window也是网页中的全局对象Navigator代表当前浏览器的信息，通过该对象可以来识别不同的浏览器由于历史原因，Navigator对象中的大部分属性都已经不能再帮助我们识别浏览器了一般我们只会使用us...原创 2020-04-19 17:37:18 · 131 阅读 · 0 评论 -
javascript(23)鼠标滚轮事件，键盘事件
一、鼠标滚轮事件 火狐浏览器通过addEventListener使用DoMMouseScroll绑定滚轮事件,并且使用event.detail来判断正负, 上负下正 其他浏览器使用onwheel绑定鼠标滚轮事件。使用event.wheelDelta判断鼠标滚动方向,向上为正, 向下为负 如果滚动滚轮,浏览器的滚动条也会滚动 在事件中使用return fals...原创 2020-04-19 17:08:51 · 475 阅读 · 0 评论 -
javascript(22)事件的冒泡、委派、绑定、传播
1.事件的冒泡指时间的向上传播。当后代元素的事件被触发时，其祖先元素的相同事件也会被触发。取消冒泡的方法：event.cancelBubble=true：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!--...原创 2020-04-18 21:20:40 · 150 阅读 · 0 评论 -
javascript(21)练习-拖拽效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ padding:0px; margin:0px; } #box{ width:100px;...原创 2020-04-18 18:24:19 · 149 阅读 · 0 评论 -
javascript(21)鼠标移动事件
鼠标移动对象：onmousemove事件对象： 在事件的响应函数被触发时，浏览器每一次都会将该事件对象作为实参传入响应函数 该事件对象包含了一切当前事件相关的一切信息，比如：鼠标的坐标，键盘上那个键被按下，鼠标滚轮滚动的方向 &...原创 2020-04-18 17:40:13 · 904 阅读 · 0 评论 -
javascript(20)练习-阅读完毕，确认条款
1.javascript部分 <script> window.onload=function(){ var checbox=document.getElementById("checkbox"); var sub=document.getElementById("sub"); var scroll=document.getElementById("sr...原创 2020-04-18 15:46:32 · 366 阅读 · 0 评论 -
javascript(20)查看、修改样式
1.读取改变内联样式 读取内联样式:对象.style.属性名 更改内联样式对象.style.属性名=属性值注意： 属性值用字符串形式表示 如果是属性名中间有-符号的,那么需要使用驼峰命名法来转换属性名...原创 2020-04-18 15:12:32 · 201 阅读 · 0 评论 -
javascipt(19)练习-增删员工表
如图，点击Delete删除员工信息在下面的输入框中，输入name，email，salary，点击提交，即可将信息添加到上面的员工信息表中这是body部分的代码：<table id="employeeTable"> <tr> <th>Name</th> <th>Email</th> <...原创 2020-04-17 11:25:11 · 279 阅读 · 0 评论 -
javascript(19)dom中的增删改
网页内内容 window.onload=function(){ var add=document.getElementById("add"); var city=document.getElementById("city"); //增加南充节点 add.onclick=function(){ //创建文本节点 var nanch...原创 2020-04-17 10:03:08 · 111 阅读 · 0 评论 -
javascript(18)DOM的其他获取元素对象的方法
1.body对象和all对象 window.onload=function(){ var body=document.body; //document的body里面是body的内容, //可以通过innerHTML查看它的全部内容， //但是它不是一个数组，不能使用索引查看,不能使用length属性，查看长度 //HTMLBodyElement对象...原创 2020-04-17 00:13:08 · 254 阅读 · 0 评论 -
javascript(17)练习-全选
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload=function(){ var Sall=document.getElementById("Sall")...原创 2020-04-15 22:23:08 · 140 阅读 · 0 评论 -
javascript(17)练习-图片轮换
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0px; padding:0px; } #box1{ width:360px; ...原创 2020-04-15 20:32:42 · 201 阅读 · 0 评论 -
javascript(17)dom节点获取
获取节点的三种方法: getElementById() 通过元素的id来获取元素节点 getElementsByTagName() 通过元素的标签名来获取节点，获取的节点是一个集合，可以使用数组的方法来获取单个的节点如：节点对象[0] getElementsByName() 通过元素的属性名来获取节点，获取的节点是一个列表，也可以使用数组的方法或获取单个节点:节点对象[...原创 2020-04-15 14:34:38 · 271 阅读 · 0 评论 -
javascript(16)事件简介，文档的加载
事件：用户与浏览器进行交互。如：移动鼠标，点击鼠标，滚动滚轮我们可以为事件绑定响应响应函数，这样当事件被触发时，其对应的函数就会被调用我们可以在事件中设置JS代码，这样当事件被触发时，代码就会执行js代码有四种形式：1.内嵌在html的元素节点内部<button onclick="alert('ok')">点击</button> 2.在html的body中&...原创 2020-04-15 13:37:48 · 176 阅读 · 0 评论 -
javascript(15)文档对象模型DOM
DOM：Document Object Model文档对象模型文档：文档表示的就是整个HTML网页文档对象：对象表示将网页中的每一个部分转换成为了一个对象模型：使用模型来表示对象之间的关系，这样方便我们获取对象节点：节点Node，是构成我们网页的最基本的组成部分，网页中的每一个部分都可以成为是一个节点比如：html标签、属性、文本节点基础分类：文档节点：整个html文档元素节点：...原创 2020-04-15 10:37:21 · 111 阅读 · 0 评论 -
javascript(14)正则表达式
正则表达式:用来检测字符串是否符合一定的要求创建方式:1.构造函数格式:var reg=new RegExp("/内容/");构造函数可以接受两个参数,第一个是正则表达式,第二个是匹配模式全局搜索(g),忽略大小写(i)2.创建正则表达式的字符串格式:var str="/内容/匹配模式"; var str="good black skr"; var rex=new Reg...原创 2020-04-15 09:27:21 · 113 阅读 · 0 评论 -
javascript(13)String类
var str="Hello world"; //length,字符串的长度 console.log("str.length:"+str.length); //charAt() 参数：索引,返回索引位置的字符 console.log("str.charAt(0):"+str.charAt(0)); //charCodeAt() 参数：索引，返回索引所在字...原创 2020-04-14 23:15:33 · 99 阅读 · 0 评论 -
javascript(12)工具类Math
/*Math是一个工具类,不是构造函数 具有很多关于数学的方法和属性*/ //Math.PI 一个常数π console.log("Math.PI:"+Math.PI); //绝对值 Math.abs(); console.log("Math.abs(-21):"+Math.abs(-21)); //向上取整 Math.ceil(); ...原创 2020-04-14 22:09:30 · 189 阅读 · 0 评论 -
javascript(11)Date对象
Date的方法getDate():获取具体的日期（日）getDay()：获取星期getMonth（）：获取现在的月份（从0开始算）getFullYear()：获取年getTime()：获取时间戳//创建Date的对象 var date=new Date(); //date 有 月/日/年 具体的时分秒组成 console.log(date); //具体方法： ...原创 2020-04-14 21:49:36 · 119 阅读 · 0 评论 -
javascript(10)arguments
/在调用函数时,浏览器每次都会传递进两个隐含的参数:1.函数的上下文对象this2.封装实参的对象arguments-arguments是一个类数组的对象,也可以通过索引来操作对象,也可以获取长度-在调用函数时,我们所传入的实参也会保存在arguments中-arguments.length用来获取实参的长度-我们即使不定义形参,也可以通过arguments来使用实参.arguemn...原创 2020-04-14 21:31:44 · 129 阅读 · 0 评论 -
javascript(9)apply(),call()
apply()与call()都是函数对象的方法，只能使用函数对象去调用（就是函数名没有括号）。当对函数调用这两个方法时，会执行该函数都能定向的改变this的指向。区别：apply()传入的是一个对象和一个数组（包含多个参数）call()传入的是一个对象和多个参数。call()将会在对象之后，将实参依次传递 function fun(a,b){ console.log("a:...原创 2020-04-14 20:33:27 · 91 阅读 · 0 评论 -
javascript(8)数组的方法
1.push()// push(),向数组的末尾添加一个数,返回值为数组的长度 var index=numArr.push(30);2.pop()// 从末尾处删除一个数,并返回索引 index=numArr.pop();3.unshift()// unshift(),向数组的末尾添加一个数,返回值为数组的长度 index=numArr.unshift(...原创 2020-04-14 14:30:55 · 173 阅读 · 0 评论 -
javascript(7) toString()方法，出现Undefined错误
如果将对象直接打印的话，就会出现[Object Object]，实际上这个时候对象会调用toString()方法，如果没有这个方法，就会出现[Object Object].如果希望有打印出的东西，我们可以手动添加toString()方法 function Person(name,age){ this.name=name; this.age=age; } Perso...原创 2020-04-14 11:48:15 · 2991 阅读 · 0 评论 -
javascript(6)工厂方法构造对象，构造函数，原型对象，原型
1.手动创建对象格式：// 普通创建对象 var obj={name:"张伟",age:18};// 在对象原型中添加sayHello方法 obj.sayHello=function(){ console.log("my name is(对象的sayHello 方法):"+this.name); }; obj.sayHello();缺点：如果需要添...原创 2020-04-14 11:33:29 · 116 阅读 · 0 评论 -
javascript(4)运算符
运算符也叫操作符，可以对一个或者多个值进行计算，并且获取运算结果 比如typeof 就是一个运算符，它可以获取一个值的类型，并以字符串的形式返回。运算符可以分为算数运算符，关系运算符和逻辑运算符1.算数运算符 算数运算符一般用来对Number类型的数值进行计算或者隐式转换String、Number类...原创 2020-04-13 21:55:48 · 165 阅读 · 0 评论 -
javascript(5)字面量、变量、标识符、js注释方法、转义字符，使用“”的注意事项，垃圾回收机制
1.字面量字面量就是不可改变的值。如123，你好吖。字面量都是可以直接使用的，但是一般都不会直接使用字面量。因为多次使用的时候，每次都需要书写，就很麻烦2.变量变量是用来存放字面量的，变量是可以改变的。使用变量可以很方便的使用字面量 2.1变量通过被赋值（=）来表述字面量 2.2变量通过var 来...原创 2020-04-13 21:40:37 · 261 阅读 · 0 评论 -
javascript(3.3):类型转换-隐式转换
之前3.1,3.2使用Number(),Boolean()的方式是显示的将一个数据转换成另一个类型的数据。 除了显示转换之外，我们还可以通过隐式转换来将一个变量的类型转换成另一个类型，并且更方便1、隐式转换成Number类型 //隐式转换 //转换成Number类型,使用‘+’运算符 va...原创 2020-04-13 00:09:52 · 108 阅读 · 0 评论 -
javascript(3.2)：类型转换-Number
var nul=null; //null转换为Number console.log("null转换:"+Number(null)); var str="123"; //数值字符串转换为Number console.log("字符串转换:"+Number(str)); //布尔值转换为Number var bool=true; console.l...原创 2020-04-12 23:19:57 · 188 阅读 · 0 评论 -
javascript(3.1)：类型转换-Boolean类型
function fun(){}; //函数转换为Boolean console.log("函数转换:"+Boolean(fun)); var num1=123; //数字转换为Boolean值 console.log("非0数字:"+Boolean(num1)); var str="123"; //字符串转换为Boolean值 console.lo...原创 2020-04-12 23:02:14 · 166 阅读 · 0 评论 -
javascript(2):六大数据类型
1.boolean布尔类型（boolean）只有两个值，false.true。与数值用等号判定时（==），除了0，其他的都是true。2.Nubmer数值类型，小数.整数都只有这一款。3.String字符串类型，用’’ ‘’,或者’ '括起来表示。4.null空值。5.undefind未定义，定义了变量，但是没有赋值。6.对象（Object）包括函数(function，数组(...原创 2020-04-12 22:28:52 · 179 阅读 · 0 评论 -
javascript(1):HelloWorld (js输出文字的三种方式）
在javascript中：1.在控制台中，输出内容：console.log("Hello World");2.在文档中输出内容：document.write("Hello World");3.警告框中弹出内容：alert("Hello World");总结：三种方法各有不同，根据学习经验其中的1，3大多用来测试js代码。2的话很少用ps:此为个人学习笔记，如果有不对的地方，或...原创 2020-04-12 18:53:31 · 7162 阅读 · 0 评论