随笔分类 - Java Script
Java Script的基本语法和类型
摘要：<!-- --> 注释 <title> </title> 网页的开头，名字<body>主要内容，网页内容在这现实</body> <h1> 一级标签<h2> 二级标签<p> 段落标签<hr> 水平线标签 <br> 换行标签<strong> 粗体文字<em> 斜体文字 空格 <img> 图片
阅读全文
摘要：getContext（‘2d’） 画笔 可以渲染上下文对象fillRect() 绘制一个矩形，四个参数分别为x，y 宽，高strokeRect('') 绘制一个矩形边框clearRect() 清除指定矩形区域，使该区域完全透明arc() 方法创建弧/曲线（用于创建圆或部分圆）四个参数分别为：圆的中心
阅读全文
摘要：stylesheet css的样式，rel中的选项标签选择器：选择一类的标签，所有的类选择器：选择统一类名的标签id选择器：全局唯一 # id名 更高级的选择器1.后代选择器 background背景颜色 ul li2.子选择器 父类名字>子类名字 body>p3.相邻兄弟选择器 用类选择器和+来定
阅读全文
摘要：首先创建Date对象 具体方法如下: getFullYear() 获取表示年份的四位数 比如2023getMonth（） 获取月份，范围0-11getDate（） 获取具体天数，范围1-31getDay（） 获取星期，范围0-6getHours（） 获取小时，0-23getMinutes() 获取分
阅读全文
摘要：document.querySelector() 返回指定css选择器的第一个元素对象document.querySelectorAll() 返回指定css选择器的所有元素对象textContent 设置或获取元素中的文本内容style:display 设置或获取元素的显示类型textAlign 设
阅读全文
摘要：JQuery选择器： //原生选择器少，不好记 //标签选择器 $('p').click(); //ID选择器 $('#id').click(); //类选择器 $('.class').click(); JQuery事件：当网页加载完之后相应以下事件$(document).ready(functio
阅读全文
摘要：onclick 用这个函数来绑定，onclick表示点击事件，当某个按钮被点击时发生表单加密就是为了在提交表单的时候对用户的个人隐私进行加密处理，利用md5进行加密可以有效避免恶意用户进行抓包来获取用户的隐私function f() { var zh =document.getElementById
阅读全文
摘要：获得和设置表单的值：先获取一个节点，然后用 value 来获取表单的值节点的名字.value对于单选，多选框，无法获取已经选中的值，但是可以通过checked来判断该选项是否被选中还可以通过checked=‘ true/false ’来改变单选或多选框的值
阅读全文
摘要：创建和插入节点：获得某个DOM节点，假如这个DOM节点是空的，可以通过innerHTML增加一个元素，但是如果这个DOM节点已经有元素了，那就不能听过innerHTML来新增元素，这样会覆盖原来的元素appendChild 追加元素父级名字.appendChild(要追加的元素名字); docume
阅读全文
摘要：删除节点：首先要获取父级节点，在执行删除子类节点的步骤removeChild：删除子项父类节点名字.removeChild(要删除的节点名字) 方法2：先用子类获取父类节点var a=子类名字.parentElement;再调用删除子节点的方法a.removeChild('要删除的节点名字'); a
阅读全文
摘要：更新节点var a=document.getElementById('div');a.innerText 修改文本的值a.innerHTML 解析HTML，比如a.innerHTML='<strong>asd</strong>'; 加粗asd a.style 修改节点css
阅读全文
摘要：window 代表浏览器窗口//alert 弹窗window.alert('你好')//获取浏览器窗口大小window.innerHeight678window.innerWidth668window.outerHeight752window.outerWidth1280 navigator 封装了
阅读全文
摘要：最开始往对象中添加方法function asdf(name) { this.name=name; } // 新增方法 asdf.prototype.chi=function () { alert(this.name+"在吃瓜"); } var mengxintao=new asdf('岳不群');
阅读全文
摘要：子类对象名.__proto__=父类对象名; var use={ name:'岳不群', age:123, ff:function () { console.log(this.name+'在跑步'); } }; var niao={ fei:function () { console.log(thi
阅读全文
摘要：Java script中任何支持的类型都可以转换为JSON字符串对象{}数组【】所有的键值对 key；value var asd={ name:'猴王', age:123, nl:12234123 } //对象转化为JSON字符串 var aaa=JSON.stringify(asd);//JSON
阅读全文
摘要：//方法就是把函数放在对象里面，对象只有属性和方法！ var jiang={ name:'岳不群', shengri:2003, asd:function () { var non=new Date().getFullYear();//获取到当前的日期 return non-this.shengri
阅读全文
摘要：//方法就是把函数放在对象里面，对象只有属性和方法！ var jiang={ name:'岳不群', shengri:2003, asd:function () { var non=new Date().getFullYear();//获取到当前的日期 return non-this.shengri
阅读全文
摘要：变量和函数的作用域： 'use strict' function f(a) { var a=1; a=a+1; } a=111111111111111;在Java script中，var定义变量是有作用域的在函数体中声明，在函数体外是不能用的内部函数可以访问外部函数，反之不行 function f(
阅读全文
摘要：定义方式1：绝对值函数 ：functionfunction f(arr) { if (arr>=0){ return arr; }else{ return -arr; } }一旦执行到return 代表函数（方法）结束，返回结果！如果没有执行return 函数执行完也会返回结果，结果是NaN 定义方
阅读全文
