燃烧岁月--------CSDN博客

原创访问浏览器判断是android还是ios系统或者是pc端

通过javaScript用来判断设备类型function open_or_download_app() { if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { window.location.href = "http://www.google.cn "; // al...

2018-05-23 19:54:42 1202

原创 js实现复制按钮

http-equiv="Content-Type" content="text/html; charset=gb2312"/> Js实现复制的代码也可以使用文本域-->id="res" value="要复制的值">type="button" onClick="copy()" value="点击复制代码" /> function copy() {

2018-01-17 17:32:15 251

原创 node的用法

cmd中的操作1.进入doc操作窗口 2.选择文件的存放的盘 d: 3.进入你你存放的路径 cd node 4.如何进行自动监听输入npm install -g supervisor 5.然后输入supervisor index1.js 在webstrom的操作创建一个js文件内容： var http=require(“http”); http.createServer(

2017-10-16 11:18:06 4479

原创 Bootstrap介绍

Bootstrap是一个html、css和js的一个前端框架，应用广泛，应用于响应式、移动设备优先的web项目。由于bootstrap是基于jquery的所以应用bootstrap.js之前要引用jq。bootstrap css 简介前端开发人员习惯使用全局的css文件，bootstrap也是如此。栅格系统bootstrap是响应式解决的方案重点就是栅格系统，所谓栅格系

2017-09-18 18:48:43 4814

原创 ajax的介绍

$.ajax，这个是JQuery对ajax封装的最基础步，通过使用这个函数可以完成异步通讯的功能。我们都可以通过此方法进行异步刷新的操作。但是它的参数较多，让我们看下参数有哪些： $.ajax =（{ method //数据的提交方式：get和post url //数据的提交路劲 async //是否支持异步刷新，默认是true

2017-09-14 13:28:05 3432

原创自定义标签

body>div id="box">华点软件学院div>button id="btn1">添加自定义标签button>button id="btn2">获得自定义标签button>body>script src="../js/jquery-1.9.1.min.js">script>script> $("#btn1").on("click", function () {

2017-09-13 19:04:49 3591

原创 html5和html4的区别

1.1 HTML5推出的理由推出的缘由和目标：目前web端存在一些问题，解决浏览器的兼容性问题同样的代码在不同浏览器的显示的不同。一些特殊的权限没有给开发人员，比如：定位，拍照。。。H5的推出就是为了解决这些问题。H5解决了什么问题1.给了开发一些特殊的权限，有了权限可以轻易获取用户的定位信息，拍照功能。2.解决不同浏览器的兼容性问题，h5可以理解为协议标准，他让绝大部分

2017-08-22 18:31:44 3773

原创 jquery

HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">html>head> meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> title>title

2017-08-15 20:25:31 2584

原创计时器

setInterval(“函数”,“毫秒数”);//计时器，就是每隔多长时间就调用一次函数。例如时钟的演示：var timer= setInterval("getTime()",1000);function getTime(){ var time= new Date(); var hour= time.getHours(); var minut

2017-08-13 16:17:34 3871

原创 cookie

cookie的作用：在本地浏览器存储数据。常用于记住账号等cookie的组成：键值对的形势存储的数据：”userId=123456;psd=123345; phone=1875455”有效期：”expires=今天以后的时间”存储cookie：按照cookie的格式写好一个字符串然后将它赋值给document.cookie，浏览器就存了这个cookie。可以存储多个键值对，

2017-08-13 16:11:32 4387

原创 js常用

Window:窗口，浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法。var a = 1;function test(){ var a= 2; alert(a); alert(window.a);}全局变量是window的属性。全局函数时window的方法。窗口body的宽度：window.innerWi

2017-08-13 16:09:39 3741

原创 DOM

DOM（Document Object Model）：文档对象模型。通过开发者工具的Elements标签页可以查看通过开发者工具的Sources标签页也可以观察到整个文档是由一系列节点对象组成的一棵树。节点（Node）包括元素节点（1）、属性节点（2）和文本节点（3）。 var th1= document.getElementById("th1");aler

2017-08-13 16:00:51 2826

原创 js中杨辉三角

杨辉三角使用二维数组var n=Number(prompt("请输入杨辉三角的行数"));document.write("");//居中var arr = []; //先声明一维for (var i = 0; i n; i++) { //一维长度 arr[i] = []; //在声明二维 for (var j = 0; j i

2017-08-11 20:56:46 4437

原创 js中的事件

10.2 常用事件鼠标常用事件：（1）单击事件body>p id="p1"onclick="fun()">单击事件测试p>body>script> function fun(){ //获取到指定元素 var p1= document.getElementById("p1"); p1.innerTe

2017-08-08 20:19:25 3224

原创正则表达式

定义规则：1、使用/规则/修饰符修饰符可以省略var patt= /hellocooldog/i; 2、新创建一个RegExp对象，给两个参数分别为规则和修饰符，修饰符可以省略var patt = new RegExp("//hello/","i")常用的修饰符i:不区分大小写var str= "HelloCoolDog

2017-08-06 17:55:34 1795

原创字符串

字符串定义：定义一个变量，然后直接将字符串赋值给它。var str ="abc123";字符串实际上是字符组成的数组，所以数组的方法它基本都有。（1）访问字符串里面的字符：a.数组方式:str[i];b.字符串特有的方式：charAt(i)。（2）查找a. 数组方式：indexofb. 字符串方式：search()方法：传入参数(要搜索的子串),返回子串的第一个

2017-08-06 17:49:14 2389

原创时间

定义：//var d = new Date();var d= new Date(2017,3,22,8,30,22);不给参数，定义的日期为执行这条指令时那一刻的系统日期。当然也可以指定年月日时分秒参数，但是要特别注意的是月从0开始，即0表示1月修改日期分量：setYear、setMonth、setDate…… 获取日期分量getYear、getMo

2017-08-03 20:48:56 1832

原创字符串

字符串定义：定义一个变量，然后直接将字符串赋值给它。var str ="abc123";字符串实际上是字符组成的数组，所以数组的方法它基本都有。（1）访问字符串里面的字符：a.数组方式:str[i];b.字符串特有的方式：charAt(i)。（2）查找a. 数组方式：indexofb. 字符串方式：search()方法：传入参数(要搜索的子串),返回子串的第一个

2017-08-03 20:48:00 1722

原创 splice

unshift(1);//头部添加添加元素shift(1);//shift(1)头部删除元素var b= a.indexOf("e");//返回这个字（e）第一个的下标var b= a.lastIndexOf("e");//返回这个字（e）最后一个的下标 var a=["a","b","c","d","e"];var b= a.push("22","333")alert(a

2017-08-02 20:58:09 2208

原创 var 有无的区别

例如：function myName() { i = 'aaa';}myName();function sayName() { alert(i);}sayName();输出结果为：aaa这说明变量i就是一个全局的变量，所以不用var时变量就成了全局变量。 function myName() { var i='aaa';}myName(

2017-08-01 18:49:44 2270

原创在js中如何打印菱形

document.write(" ");var row=Number(prompt("输入行数"));for(var i=1;i2*row-1;i++){ var stars=2*row-1-2*Math.abs(i-row);//星 for(var j=1;jstars;j++){ document.write(" * "); } docum

2017-08-01 18:31:46 6068

原创如何返回多个数值

可以返回一个对象，对象是可以有很多值的。例子：function x() {var b = new Object();b.a1 = "张三";b.a2 = "男";b.a3 = 22;return b;};alert(x().a1);alert(x().a3);

2017-08-01 18:28:51 2113

原创 for循环

for(表达式1;表达式2;表达式3){循环体}例子为1.因为第一次是自由落体，运动而不是弹跳运动，2.到第十次落地总计有9.5次来回，而第一次是一次所以则sum的值设为-100，3.然后利用for循环将走的总路程计算出来，最后高度输出来。 * */var height = 100;var sum = -100;for (var n=1; n10; n+

2017-07-30 16:44:41 2258

原创错误的概念与处理

计算机程序的错误有两种：语法错误和逻辑错误。语法错误的发现方法：（1）开发者工具的console窗口，能显示错误及其说明（2）try……catch 捕获异常逻辑错误：程序在语法上没有问题，但是实际执行结果和预期结果有出入。script> /*报名参军的年龄条件：17~24周岁*/ var age= Number(prompt("请问你的年龄是？

2017-07-28 18:26:24 2600

原创 switch

switch语句switch的优点：1.选择结构更加清晰，一目了然。 2.执行速度相对较快。switch的执行逻辑：从switch后边圆括号里的变量与从case后边的常量相等的地方开始，依次执行后边的指令，直到指令结束。case的作用：不会参与到运算当中，不起条件判断作用，否则执行逻辑就解释不通了。case是起到标号的作

2017-07-28 18:20:37 1771

原创 js选择结构

1.丢弃小数部分,保留整数部分parseInt(m/n)2.向上取整,有小数就整数部分加1 Math.ceil(m/n)3.四舍五入. Math.round(m/n)4.向下取整 Math.floor(m/n)5.m的n次幂：Math.pow( m, n) var sex = prompt("请输入性别");定义的是个字符串类型var we

2017-07-26 20:07:44 2135

原创 js数据类型、对象类型、位运算符

2程序设计基础2.1常规数据类型与变量2.1.1现实生活中的数据数据的几个属性：名称、值、类型数据名称值类型价格1399.00数值类型累计评论345数值类型是否支持7天无理由退货

2017-07-25 19:34:01 1973

原创 js基础知识

1基础知识1.1 基本概念HTML负责呈现什么内容，CSS负责以何种方式来呈现。HTML+CSS：实现了静态页面。实际上，我们更多的页面的要求是动态的，比方说新浪网那么怎么才能让页面动起来呢？答案就是JavaScript！ HTML：负责呈现的内容。CSS：负责内容呈现的方式。JavaScript：负责内容的行为。时间动态的显示

2017-07-25 19:01:49 2315

原创属性中可以包含对象

/* 属性中可以包含对象 */var animal = new Object();animal.kind="狼";animal.social=true;alert(animal.kind);animal.Kind = new Object();animal.kindName="天狼";alert(animal.kindName);

2017-07-25 09:27:26 1977

原创 Js中对象的写法

Js中对象的写法 var lou = { louceng:33, name:"华点科技大厦", jugong:false, }; alert(lou); alert(typeof (lou)); alert(lou.louceng);var dog = new Object(); dog

2017-07-25 08:56:41 2385

原创 display: inline-block

html>html>head lang="en"> meta charset="UTF-8"> title>title> style> .aa{ width: 400px; height: 400px; background-color: red;

2017-07-18 20:11:50 1718

原创 hover active link visited

html>head lang="en"> meta charset="UTF-8"> title>title> style> /*a:hover鼠标划过时的样式*/ /*a:active鼠标左键点击的一瞬间*/ /*a:link 鼠标的点击之前的效果*/ /*a:visited鼠标点击之后

2017-07-17 20:58:04 2131

原创通配符选择器子元素选择器后代选择器

html>head lang="en"> meta charset="UTF-8"> title>title> style> div{ min-height: 30px; max-width: 300px; background-color: white;

2017-07-17 20:48:34 1641

原创选择器

所谓选择器，指的是选择施加样式目标的方式。3.1 元素选择器用标签名作为选择器，选中所有相应的元素head> meta http-equiv="Content-Type"content="text/html; charset=utf-8"/> title>title> style type="text/css"> div{

2017-07-13 20:43:12 1788

原创定位

定位方式有：static、fixed、relative、absolute。static 静态定位（默认）无定位，元素正常出现了流中，不受left、right、top、bottom属性的影响。div{ width: 200px; height: 200px; background-color: red; position: static;}

2017-07-13 20:38:07 1736

原创盒子模型

margin：外边距margin-top、margin-right、margin-bottom、margin-left使用方式（1）margin:30px;表示上下左右外边距都未30px；（2）margin-left：30px；单独设置上下左右外边距（3）margin：10px 20px 30px 40px；分别设置上右下左四个边距为10px 20px 30px 40px

2017-07-13 20:36:15 1724

原创尺寸相关属性

height:高度width:宽度div{ width: 200px; height: 200px; background-color: red;}max-width:最大宽度max-height：最大高度min-width：最小宽度min-height：最小高度

2017-07-13 20:33:32 1841

原创背景相关属性

background-color:背景色background-image:设定背景图片，需要设置图片的url地址background-repeat:图片的复制选项repeat：在水平和垂直两个方向上进行复制no-repeat:不复制repeat-x:在水平方向上复制repeat-y：在垂直方向上复制也可以将这一组属性值封装到一个属性background中，书写书序是：

2017-07-13 20:28:34 2324

原创基础属性文本修饰

基础属性属性名：属性值Backgroud-color：red；P{Backgroud-color：red；Font-size：12px；}字体相关的属性：Font-family:字体名称Font-size：：字体大小Font-style:字体的样式Font- weight：字体的粗细 font-variant :字体的变化（如大写）取值：

2017-07-12 20:04:56 2522

原创 css颜色的表现形式 em vw vh px

1.1 css基本概念：Css层叠样式表Html描述了呈现的内容，而css则定义了这些内容的呈现样式，比如字体的颜色、大小，使用css能够使页面的内容和呈现方式有效分离，有助于分工合作，也有利于快速切换不同的呈现形式。使用样式表有三种：内联样式：pstyle="font-family:黑体;font-size:20px;color:blue" >内联样

2017-07-12 08:47:49 2508

webstrom2017-03汉化包

空空如也