![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS学习
伊佐奈美須八尾
这个作者很懒,什么都没留下…
展开
-
js--打卡--12.11 dom查询常用方法及实例
/* * 通过document对象调用元素 * * 1.getElementByID() * --通过id属性获取一个元素节点 * 2.getElementsByTagName() * --通过标签名来获取一组元素节点对象 * 3.getElementsByName()原创 2017-12-11 10:19:08 · 288 阅读 · 0 评论 -
js--打卡--12.14 DOM增删改方法
Untitled Document //创建一个通用函数,给按钮绑定单击事件。 function myClick(strId,fun){ var btn = document.getElementById(strId); btn.onclick = fun; } window.onload = function(){ /原创 2017-12-14 00:09:39 · 157 阅读 · 0 评论 -
js--打卡--12.06 String方法中正则表达式应运
/* * split(); * --将字符串拆分为一个数组。 * --可以传入一个正则表达式,依据此表达式拆分。 */ var str = "1a2c3d5r4g7jl8j9u0"; console.log(str.split(/[0-9]/)); /* * search(); * --搜索字符串中是原创 2017-12-06 13:21:45 · 137 阅读 · 0 评论 -
js--11.27打卡-原型对象prototype
prototype:原型对象。创建的所有的函数,解析器都会在函数中添加一个属性prototype,对应着一个对象。如果普通的函数调用构造函数,没有作用。当以构造函数调用形式调用时,会在创建的实例中有一个隐藏的属性。可以通过__proto__来访问该属性。原型对象相当于一个公共的区域,所有的同一个类的实例都可以访问到该区域,所以可以将通的属性方法放在该区域。当原创 2017-11-27 10:58:58 · 263 阅读 · 0 评论 -
js--打卡--11.27in vs hasOwnProperty
//创建一个构造函数 function Person(){ } Person.prototype.name = "我是Person的name"; var per1 = new Person(); console.log(per1.name); //in VS hasOwnProperty //in 判断一个属性是否属于一个函数。但如果该属性原创 2017-11-27 13:12:24 · 168 阅读 · 0 评论 -
js--打卡--11.27 toString方法的改造。
//创建一个构造函数 function Person(name,age,gender){ this.name= name; this.age = age; this.gender = gender; } //创建一个Person类的实例 var per = new Person("哈哈",11,"男"); console.log(per);原创 2017-11-27 13:36:03 · 261 阅读 · 0 评论 -
js--打卡--12.06 正则表达式
/* * 正则表达式:用于定义一些字符串的规则 * 计算机可以根据正则表达式,检查一个字符串是否符合规则。 * 将符合规则的字符串返回。 * 语法: var 变量 = new RegExp("正则表达式","匹配模式"); * 可以检查一个字符串中是否包含该“正则表达式” * * 第二原创 2017-12-06 16:30:43 · 149 阅读 · 0 评论 -
js--打卡--12.07正则表达式 去除字符串前后空格
//去除一个字符串的前后空格 var str = " hellow "; str = str.replace(/\s/g,""); console.log(str); //但是如果字符串中间有空格也会被去除掉 var str = " hel low "; str = str.replace(/\s/g,"");原创 2017-12-07 09:16:02 · 242 阅读 · 0 评论 -
js--打卡--12.07 邮件的正则表达式
/* * 邮件的正则表达式 * * 规则 hellow.nihao @ abc . con . cn * 任意字母数字下划线 (任意字母数字下划线) @ 任意字母数字 . 任意字母(2-5位) .任意字母(2-5位) * * \w{3,} (\.\w+)*(可有可无) @ [A-z0-9]{1,} (\.[A-原创 2017-12-07 09:53:33 · 155 阅读 · 0 评论 -
js--打卡--12.25 DOM添加删除记录练习
添加删除记录练习 /* * 通用方法,删除 */ function adeleteALL(){ //再带点击事件中删除对应的tr //获取tr var tr = this.parentNode.parentNode; //动态获取每个tr中的名字 var name = tr.getElementsByTagNa原创 2017-12-25 23:19:16 · 275 阅读 · 0 评论 -
js--打卡--12.07 DOM简介
/* * DOM document object model 文档对象模型 * 节点:Node--构成HTML文档最基本的单元。(四类节点) * -1,文档节点:整个HTML文档 * -2.元素节点:HTML中HTML标签 * -3.属性节点:元素的属性 * -4.文本节点:HTML标签中的文本内容 */原创 2017-12-07 13:14:13 · 188 阅读 · 0 评论 -
js--打卡--12.14 DOM增删改方法
Untitled Document //创建一个通用函数,给按钮绑定单击事件。 function myClick(strId,fun){ var btn = document.getElementById(strId); btn.onclick = fun; } window.onload = function(){ /原创 2017-12-14 00:07:24 · 292 阅读 · 0 评论 -
js--打卡--12.05 String对象方法
//String()对象在计算机底层是以字符数组储存的,所以很多方法和属性与数组类似 var str = "Hellow"; //计算机底部储存 ["H","e","l","l","o"] /* * length属性,返回字符串的长度 */ console.log(str.length); /* * charAt(索引);原创 2017-12-05 15:55:21 · 150 阅读 · 0 评论 -
js--打卡--12.20 confirm消息框
/* * confirm(""); * ---显示带有一段消息以及确认按钮和取消按钮的对话框。 * ---余姚一段字符串作为参数,为要显示的文本内容 * ---点击确认返回true 点击取消返回false * */ window.onload = function(){ var btn = document.getE原创 2017-12-20 22:00:14 · 182 阅读 · 0 评论 -
js--打卡--12.04数组学习
//数组 var arr = new Array(); //添加元素 arr[0] = 100; arr[1] = 91; arr[2] = 62; arr[10] = 50; console.log(arr); //读取数组 console.log(arr[0]); //数组长度 /* * 对于连续的数组原创 2017-12-04 10:14:10 · 212 阅读 · 0 评论 -
js-打卡--11.2构造函数
//构造函数本质是一个普通的函数,通常构造函数首字母大写。 function Person(name,age,gender){ this.name = name ; this.age = age; this.gender = gender ; this.sayHellow = function(){ alert(this.name);原创 2017-11-24 15:39:41 · 202 阅读 · 0 评论 -
js--打卡--12.13 DOM全选练习
全选练习 window.onload = function(){ //获取四个多选框items var items = document.getElementsByName("items"); //获取全选/全不选的多选框 var checkedAllBox = document.getElementById("checkedAllBox"); /*原创 2017-12-13 08:10:40 · 280 阅读 · 0 评论 -
js--打卡--12.04 数组的slice和splice方法
/* * slice():截取指定的数组元素。 * * 参数:1,起始元素的索引(必须); 包括边界 * 2.结束位置的索引(非必须)(可为负数 ) 不包括边界 * * 返回值:会将查询结果作为一个新的数组返回 */ var arr = ["张三","李四","王五","赵六","高七"]; var原创 2017-12-04 15:18:49 · 186 阅读 · 0 评论 -
js--打卡--12.05 数组的其他方法
var arr = [1,2,3]; var arr1 = [4,5,6]; var arr2 = [7,8,9]; //concat(); 连接字符串,不影响原数组。 var result = arr.concat(arr1,arr2); //参数还可以传元素。 result = arr.concat(arr1,arr2,"10"); conso原创 2017-12-05 09:35:18 · 136 阅读 · 0 评论 -
js--打卡--12.05 arguments
/* * 调用函数的时候,浏览器会传入2个隐含的参数 * 1.this * 2.arguments 封装实参的对象。 * * argument.calle属性:显示当前正在调用该函数的函数对象 */ function fun(){ //检查arguments的存在 console.log(arguments)原创 2017-12-05 10:24:29 · 231 阅读 · 0 评论 -
js--打卡--12.05 Date对象
//js中Date表示时间对象 /* * 创建一个当前的时间对象 * 如果直接使用构造函数创建Date对象,会封装当前代码执行时的时间 */ var d = new Date(); console.log(d); /* * 创建一个指定时间对象 * 需要在构造函数中传入一个字符串 * 格式 “月/日/年 时:原创 2017-12-05 11:26:09 · 179 阅读 · 0 评论 -
js--打卡--DOM的querySelector和querySelectorAll方法
window.onload = function(){ /* * document.querySelector(".box div") * * querySelector(""); * --需要一个选择器的字符串作为参数,可以根据一个CSS的选择器来查询一个元素节点 * --但是只会返回满足条件的第一个元素,不会再返回其他。原创 2017-12-13 21:23:02 · 279 阅读 · 0 评论 -
js--打卡--12.08 文档加载和onload事件
/* * 浏览器加载文档时,是从上到下逐行加载,如果把script代码写到上面,就会先执行script里面的代码 * 但此时页面还没有执行。如果要把script代码写在上面,需要onload()事件。 */ /* * onload事件会在整个页面加载完后才触发。 * windo.onload()事件 */ window.onloa原创 2017-12-08 09:47:46 · 134 阅读 · 0 评论