前端基础
关注
分享
扫一扫
文章平均质量分 96
LTing@
这个作者很懒，什么都没留下…
展开
-
IE6-8中 document.createElement 的hack的代码
document.createElement还能支持创建当前浏览器不支持的标签名。IE6-8，一个著名的hack。三句代码为条件编译，可保证只在IE浏览器中执行，ie浏览器！！0，条件为假；其他浏览器为！0条件为真，直接返回if (!/@cc_on!@/0) return;IE6-8实现支持新标签的代码如下： <script> (function() { //条件编译 if (! /*@cc_on!@*/原创 2020-07-18 16:09:01 · 281 阅读 · 0 评论 -
JS——错误调试与处理debugger&try catch
一、语法错误原因：不符合JS语法。查询方法：出现语法错误，控制台（console）会进行报错并告知出错的行号（但行号不一定准确）；在浏览器中按F12键，会出现控制台。如图：常见的语法错误：符号漏打、多打、少打、错打。使用了不合法语法的变量名（例var for； var function，变量名规则：以字母、下划线、美元符号开头；区分大小写；由字母、下划线、$或数字组成；不能使用关键字和保留字）。语句写错，没写完。二、运行时错误运行错误（Running Error），是指代码没有语法原创 2020-06-27 16:40:15 · 1085 阅读 · 0 评论 -
Date对象——创建、获取、设置
一、创建一个日期对象语法：new Date();返回值：不传参的情况下，返回当前的日期时间对象。说明：如果想根据特定的日期和时间创建日期对象，必须传入表示该日期的毫秒数或者是一组用逗号隔开的表示年月日时分秒的参数。例1：var today = new Date();console.log(today);结果：二、获取年月日时分秒的方法函数功能getFullYear()返回4位数的年份getMonth()返回日期中的月份，返回值为0-11getDa原创 2020-06-26 23:30:08 · 1218 阅读 · 2 评论 -
Math对象——Math.min()&Math.ceil()&Math.floor()&Math.round()&Math.abs()&Math.random()
一、Math.min()语法：Math.min(num1,num2…numN)功能：求一组数中的最小值。返回值：Number。例子1：var min = Math.min(5,-4.0,9,108,99);console.log(min);//-4例2：但一组数中有字符串时var min = Math.min(5,-4.0,9,108,99,"abc");console.log(min);//NaN二、Math.max()与Math.min（）类似语法：Math.max(num原创 2020-06-26 21:43:22 · 1390 阅读 · 0 评论 -
字符串——查询（chartAt、chartCodeAt）&截取（slice、substring、substr）&分割（split、replace）&转换大小写（toUpperCase）
一、查询1. charAt()与charCodeAt()语法：stringObject.charAt(index)功能：返回stringObject中index位置的字符串charAt(n)返回索引为n的字符本身，n>字符长度，返回为空charCodeAt(n)返回索引为n的字符编码例如var str = "hello world"; console.log(str.charAt(4));//返回索引为4的o console.log(str.charCodeAt(4));//返回索引原创 2020-06-21 00:55:37 · 3356 阅读 · 0 评论 -
JS内置对象——数组& push()&unshift()&pop()&shift()&join()&reverse()&sort()&concat()&slice()&splice()&indexOf
ECMAScript中的数组一、创建数组方法一：使用Array构造函数语法：new Array( )//首字母大写。小括号（ ）说明：1.预先知道数组要保存的项目数量2.向Array构造函数中传递数组应包含的项var colors = new Array(3);//表示数组中是三个数值var nums = new Array(1,2,3,9);//数值console.log(nums);方法二：使用数组字面量表示法由一对包含数组项的方括号[ ]表示，多个数组项之间以逗号隔开。v原创 2020-06-20 19:12:40 · 436 阅读 · 0 评论 -
JS函数基本知识+arguments
一、函数的定义函数function声明，后跟一组参数以及函数体，语法如下function functionName([arg0,arg1,...argn]){ statements}说明：1.functionName是要定义的函数名，属于标识符标识符：只能包括字母、数字、下划线、$,且不能以数字开头，不能包括关键字2.[ ]中的arg0,arg1,...argn为参数3.[ ]说明里面的内容不是必须的，它不是语法例子：//声明一个函数 fun...原创 2020-06-18 21:28:19 · 430 阅读 · 0 评论 -
逻辑操作符 与或非
一、&& 与（并且，只要有一个不成立就返回false）注意：在有一个操作数不是布尔值的情况下，逻辑与操作就不一定返回值，此时它遵循下列规则：1.如果第一个操作数隐式类型转换后为true，则返回最后一个操作数。2.如果第一个操作数隐式类型转换后为false，则返回第一个操作数。3.如果有一个操作数是null，则返回null。4.如果有一个操作数是NaN，则返回NaN。5.如果有一个操作数是undefined，则返回undefined。二、||与（或者，只要有一个成.原创 2020-06-09 21:47:11 · 942 阅读 · 0 评论 -
JS条件语句——if、switch、for、while、do-while
一、if语句<script type="text/javascript"> // var age = prompt(age); // if (age<18) { // alert("您还没有成年"); // }else if (age>=18 && age<=59) { // alert("您已经成年"); // }else{ // alert("您已经超龄"); // } var password = prompt("请设置您的密原创 2020-06-09 21:42:04 · 273 阅读 · 0 评论 -
CSS——position定位 static、relative、absolute、fixed、sticky
position定位我们常常需要使用定位模型达到布局的目的。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。接下来介绍position的五种定位模型。一、static自然模型.box{ position:static; }static——静态定位、常规定位、自然定位；默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, rig原创 2020-06-02 20:19:42 · 655 阅读 · 0 评论 -
CSS——浮动float&&清除浮动
浮动浮动会使元素左右移动，使用了浮动的元素会脱离普通流（标准流）。（可以理解为使用浮动后在原来底层上面又加了一层，浮动便是在加的这层上面显示）元素添加浮动属性后具有in-block属性（行内块元素）。什么叫标准流呢？标准流就是在网页布局中从上到下、从左到右，遇到块级元素自动换行分布。浮动的元素以他的父级元素为坐标，进行左浮动或者右浮动，知道碰到下一个浮动元素为止。如下图所示，1、2、3盒子都进行了左浮动；他们的父级元素为body，2进行左浮动时遇到浮动的1便停了下来。1.float语法原创 2020-06-01 21:02:49 · 346 阅读 · 0 评论 -
百度静态界面布局 HTML+CSS
百度原始图片完成的图片html代码内容<!DOCTYPE html><html><head> <title>baidu.com</title> <link rel="stylesheet" type="text/css" href="baidu.css"></head><body> <!-- 头部导航 --> <div class="head"> <di原创 2020-05-22 15:42:21 · 2685 阅读 · 0 评论 -
CSS的4种样式
CSS的4种样式1.CSS行内样式在开始标签内添加style样式属性<p style= "color:red">这里是内容</p>2.CSS内部（嵌入）样式在head标签内添加<style type="text/css"> p{color:red;}</style>对于低版本的浏览器，无识别样式标签。解决办法：在style标签内用注释标签理由：高版本的浏览器能识别样式标签，会自动忽视注释标签；低版本浏览器可以注释掉样式，不会在页面上显原创 2020-05-11 23:37:36 · 990 阅读 · 0 评论