文章分类 - web
摘要：DOM document Object Model 文档对象模型 // 整个html文档,会保存一个文档对象document // console.log( document ); // 获取当前文档的对象 1.10.1、查找标签 直接查找标签 document.getElementsByTagNa
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <button onclick="func1()">查看Location对象</button> <bu
阅读全文
摘要：窗口方法 // BOM Browser object model 浏览器对象模型 // js中最大的一个对象.整个浏览器窗口出现的所有东西都是window对象的内容. console.log( window ); // alert() 弹出一个警告框 window.alert("hello"); /
阅读全文
摘要：函数在程序中代表的就是一段具有功能性的代码，可以让我们的程序编程更加具有结构性和提升程序的复用性,也能让代码变得更加灵活强大 1.8.1、声明函数 /* // 函数的定义方式1 function 函数名 (参数){ 函数体; return 返回值; } 功能说明： 可以使用变量、常量或表达式作为函数
阅读全文
摘要：// Number对象的内置方法 // toFixed(x) 保留小数位 var num = 100.3; var ret = num.toFixed(2); console.log(num); // 100.3 console.log(ret); // 100.30 // Math对象的内置方法
阅读全文
摘要：1、object对象的基本操作 Object 的实例不具备多少功能，但对于在应用程序中存储和传输数据而言，它们确实是非常理想的选择。 创建 Object 实例的方式有两种。 var person = new Object(); person.name = "alvin"; person.age =
阅读全文
摘要：创建Date对象 //方法1：不指定参数 var nowd1=new Date(); console.log(nowd1.toLocaleString( )); //方法2：参数为日期字符串 var d2=new Date("2004/3/20 11:12"); console.log(d2.toL
阅读全文
摘要：创建数组 创建方式1: var arrname = [元素0,元素1,….]; // var arr=[1,2,3]; 创建方式2: var arrname = new Array(元素0,元素1,….); // var test=new Array(100,"a",true); 数组方法 var
阅读全文
摘要：分支结构 if 分支语句 if(条件){ // 条件为true时,执行的代码 } if(条件){ // 条件为true时,执行的代码 }else{ // 条件为false时,执行的代码 } if(条件1){ // 条件1为true时,执行的代码 }else if(条件2){ // 条件2为true时
阅读全文
摘要：运算符 /* //算术运算符 + 数值相加 - 数值相减 * 数值相乘 / 数值相除 % 数值求余 ** 数值求幂 a++ 数值后自增1 a=a+1 ++a 数值前自增1 a=a+1 b-- 数值后自减1 b=b-1 --b 数值前自减1 b=b-1 //赋值运算符 = += -= *= /= %=
阅读全文
摘要：原始值和引用值 根据数据类型不同，有的变量储存在栈中，有的储存在堆中。具体区别如下： 原始变量及他们的值储存在栈中，当把一个原始变量传递给另一个原始变量时，是把一个栈房间的东西复制到另一个栈房间，且这两个原始变量互不影响。 引用值是把 引用变量的名称储存在栈中，但是把其实际对象储存在堆中，且存在一个
阅读全文
摘要：布尔值 1、Boolean类型仅有两个值：true和false，也代表1和0，实际运算中true=1,false=0 2、布尔值也可以看作on/off、yes/no、1/0对应true/false 3、Boolean值主要用于JavaScript的控制语句 console.log(true); co
阅读全文
摘要：// 字符串对象的操作 var str = "hello"; // 这就是字符串对象 console.log(str); // 字符串对象内置属性 // length 计算字符串的长度 console.log( str.length ); // 字符串对象内置方法 // toUpperCase();
阅读全文
摘要：前端的基本组成就是HTML，CSS和JavaScript 1.2引入方式 1 直接编写 <script> console.log('hello yuan') </script> 2 导入文件 <script src="hello.js"></script> 1.3 ECMAScript基本语法 变量
阅读全文
摘要：定位属性position有4个值，分别是静态定位（static）、相对定位（relative）、绝对定位（absolute）和固定定位（fixed）。默认就是static。所以我们略过。 /* top：让元素相对于指定目标的顶部偏移指定的距离。 例如： top：10px; 表示距离顶部10像素 ri
阅读全文
摘要：流动布局 ① 块状元素会随着浏览器读取文档的顺序，自上而下垂直分布，一行一个的形式占据页面位置。 ② 行内元素会随着浏览器区队文档的顺序，从左往右水平分布，一行多个的形式占据页面位置。行内元素摆放满一行以后才会到下一行继续排列。 浮动模型 要学习浮动模型的布局模式，就要了解CSS提供的浮动属性（fl
阅读全文
摘要：padding（内边距及其缩写） 内边距，也叫“内补白”，表示页面中元素的边框与内容的距离。内边距的值不能是负值，相当于table标签的cellpadding属性。 内边距可以设置多个值： /* 当padding只有一个值的时候表示同时控制上下左右的内边距。 当padding只有两个值的时候表示分别
阅读全文
摘要：3.3超链接标签属性操作 1,去掉下划线 <style> a { text-decoration: none; } </style> 2,鼠标移动到超链接标签时字体变亮a：hover .topBar a:hover{ color: #ffffff; } 3.3.1、文本属性 font-style（字
阅读全文
摘要：3.2.1、基本选择器 后代子代选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*后代选择器*/ .c1 .c2{ color: red; } /*子代选
阅读全文
摘要：CSS就是Cascading Style Sheet的缩写，中文译作“层叠样式表”或者是“级联样式表”，是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言，CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)，是Web网页开发技术的重要组成部分。 CSS基本语法: 3.1、
阅读全文
浙公网安备 33010602011771号