随笔分类 - js基础
b站学的js基础
摘要：通过JS修改元素的内联样式 语法：元素.style.样式名=样式值; 在使用js改变css样式时，如果Css样式名中含有-(减号)，需要将这种样式名修改为驼峰命名法，去掉-，然后将-号后面的字母大写。 比如： 在写样式时，background-color: red; 使用js修改样式时，div.st
阅读全文
摘要：取消超链接的默认行为 点击超链接后，超链接会跳转页面，这个是超链接的默认行为，但是此时我们不希望出现默认行为，可以通过在响应函数的最后return false来取消默认行为。 比如： window.onload=function(){ //获取a标签 var mya=document.getElem
阅读全文
摘要：DOM相关操作 使用innertHtml也可以完成DOM相关操作，不过它是把全部内容删了重新加载的，动静太大，一般结合DOM相关操作的方式同时使用。 document.createElement() 可以用于创建一个元素节点对象，它需要一个标签名作为参数，将会根据该标签名创建元素节点对象，并将创建好
阅读全文
摘要：获取body标签 var mybody=document.getElementsByTagName("body")[0]; console.log(mybody); //或者下面这种方法 //var mybody=document.body; //console.log(mybody); 在docu
阅读全文
摘要：<html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> window.onload=function(){ //定义一个单击响应函数 var myClick=function(nod
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } #outer{ width: 550px; margi
阅读全文
摘要：获取元素节点 通过document对象调用 getElementById() –—通过id属性获取一个元素节点对象 getElementsByTagName() –—通过标签名获取一组元素节点对象，这个方法给我们返回一个类数组对象，所有查询到的元素都会封装到类数组对象(arguments)中，即使查
阅读全文
摘要：浏览器在加载一个页面时，是按照自上而下的顺序加载的，读取到一行就运行一行，如果将script标签(js代码)写到页面上面，在代码执行时，页面还没有加载，页面没有加载DOM对象也没有加载，会导致无法获取到DOM对象 比如： <head> <meta charset="UTF-8"> <title></
阅读全文
摘要：事件 事件，就是文档和浏览器窗口之间发生的一些特定的交互瞬间(交互行为)。 比如：点击按钮、鼠标移动、关闭窗口。。。。 我们可以在事件对应的属性中设置一些JS代码，这样当事件被触发时，这些代码将会被执行。 比如： <button id="btn1" onclick="alert('触发了单击事件！'
阅读全文
摘要：什么是DOM DOM，全称是Document Object Model ，文档对象模型。 JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。 文档 —-表示的是整个HTML网页文档 对象 —-对象表示将网页中的每一个部分都转换为了一个对象。 模型 —-使用模型
阅读全文
摘要：创建一个正则表达式，检查一个字符串中是否含有aaa var reg=/a{3}/; console.log(reg.test("aaabc")); 量词 —-通过量词可以设置一个内容出现的次数。 —-量词只对它前面的一个字符起作用，如果想要它前面的一坨内容起作用，就要将它前面的那一坨加个括号括起来，
阅读全文
摘要：使用字面量来创建正则表达式 语法：var 变量=/正则表达式/匹配模式 比如： var reg=/a/i; var result=reg.test('A'); console.log(result); 创建一个正则表达式检查一个字符串中是否有a或b 使用|表示或的意思 var reg=/a|b/i;
阅读全文
摘要：split()：可以将一个字符串拆分为一个数组 方法中可以传递一个正则表达式作为参数，这样方法将会根据正则表达式去拆分字符串。 这个方法即使不指定全局匹配，也会全部拆分。 比如：根据任意字母来拆分字符串。 var str="1a2b3c4d5e6f7"; var result=str.split(/
阅读全文
摘要：正则表达式 —-正则表达式用于定义一些字符串的规则，计算机可以根据正则表达式，来检查一个字符串是否符合规则，或者将字符串中符合规则的内容提取出来。 创建正则表达式的对象 语法：var 变量=new RegExp(‘正则表达式’,’匹配模式’); 使用typeof检查正则表达式对象，会返回Object
阅读全文
摘要：在底层字符串是以字符数组的形式保存的 比如： var str=”hello”; 在底层以数组的形式存储。 [‘h’,’e’,’l’,’l’,’o’] length属性 和数组类似，可以用来获取字符串的长度 var str=”hello”; console.log(str.length);//输出结果
阅读全文
摘要：基本数据类型 String Number Boolean Null Undefined 引用数据类型 Object 在JS中为我们提供了三个包装类，通过这三个包装类可以将基本数据类型的数据转换为对象 String() —-可以将基本数据类型字符串转换为String对象 Number() —-可以将基
阅读全文
摘要：Math —-Math和其它的对象不同，它不是一个构造函数； 它属于一个工具类，工具类：不用创建对象，它里面封装了数学运算相关的属性和方法 —-比如： Math.PI 表示圆周率 abs()：可以用来计算一个数的绝对值 var a=-1; console.log(Math.abs(a)); 输出结果
阅读全文
摘要：创建一个Date对象 —-如果直接使用构造函数创建一个Date对象，则会封装为当前代码执行的时间 var d=new Date(); console.log(d); 上面输出结果就是当前系统的时间 创建一个指定的时间对象 需要在构造函数中传递一个表示时间的字符串作为参数 日期的格式 ：月份/日/年
阅读全文
摘要：在调用函数时，浏览器每次都会传递进两个隐含的参数： 1，函数的上下文对象this。 2、封装实参的对象arguments —-arguments是一个类数组对象，它也可以通过索引来操作数据，也可以获取长度， —-在调用函数时，我们所传递的实参都会封装到arguments中 —-arguments.l
阅读全文
摘要：—-这两个方法都是函数对象的方法，需要通过函数对象来调用 —-当对函数调用call()和apply()都会调用函数执行。 比如： fun.call(); fun.apply(); fun(); 以上三种效果一致。 —-在调用call()和apply()可以将一个对象指定为第一个参数，此时这个对象将会
阅读全文
