![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
lixiaomi_sunshine
这个作者很懒,什么都没留下…
展开
-
CSS布局
css的布局(css+div) 漂浮:float 注意:横屏分为三栏时候,left,right设置float。center写最后。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>三栏设置方法</title> <link rel="stylesheet" hr原创 2016-12-24 15:22:22 · 256 阅读 · 0 评论 -
匿名函数应用鼠标点击事件
按钮可以直接onclick=“函数”绑定事件 但是普通元素如何绑定事件呢?此时匿名函数就可以绑定事件<body> <span id="text1" style="cursor:pointer;">我是文本1</span> <span id="text2" style="cursor:pointer;">我是文本2</span></body><script type="text/原创 2017-01-14 21:44:58 · 1010 阅读 · 0 评论 -
ajax
ajax不是某种编程语言,是一种无需重新加载整个网页更新部分网页的技术(异步更新,局部更新) (1)XMLHttpRequest对象的创建var request = new XMLHttpRequest();想兼容IE6,IE5var request; if(window.XMLHttpRequest){ request = new XMLHttpRequest();//I原创 2017-01-16 19:12:57 · 254 阅读 · 0 评论 -
常用的事件
鼠标移动事件鼠标移动到某位置 onmousemove鼠标离开时候 onmouseout鼠标滑过 onmouseover鼠标点击事件onclickondblclick加载和卸载onloadonunload获取焦点和失去焦点onfoucsonblur键盘事件按下抬起 onkeyup改变事件onchange控制表单的提交onsubmit 作用在表单上<form onsubmit="">值的写原创 2017-01-16 13:56:44 · 339 阅读 · 0 评论 -
js中String对象
声明var str = "abc";var str = new String("abc");`属性:length 方法:println(str)是我自己写的输出函数。 (1)和html相关的方法 自己可以写,比如str.blod()方法自己也可以实现function myblod(str){ var result = "<b>" + str + "</原创 2017-01-12 20:18:32 · 210 阅读 · 0 评论 -
Math函数
math对象 ceil(x)上舍入 floor(x)下舍入 round(x)四舍五入 random()0-1的随机数println(Math.ceil(13.3));//14println(Math.floor(13.3));//13println(Math.round(13.3));//13获取十个1到10之间的随机数for (var i = 0; i < 10; i++) {原创 2017-01-13 09:29:29 · 428 阅读 · 0 评论 -
日期对象
var date = new Date();//当前日期 println(date.toLocaleString());//转换为本地日期格式 println(date.toLocaleTimeString());//只包含时间 var monthDate = date.getDate();//返回一月中某一天 var weekDay原创 2017-01-12 21:46:14 · 253 阅读 · 0 评论 -
正则表达式对象
注:println()为自己编写的输出函数。 应用:编写注册的表单,对表单输入的对象进行校验。var reg = new RegExp("表达式");//开发中不常用var reg = /^表达式$/ //开发中常用方法:exec(String)//不常使用。匹配返回匹配结果,不匹配返回空test(String //经常使用,匹配返回TRUE。不匹配返回FALSE原创 2017-01-13 09:52:16 · 236 阅读 · 0 评论 -
全局函数
使用全局函数,不需要任何对象 全局函数可以直接使用(其实有一个对象在global帮忙管理) eval()解析字符串,并且执行中间的js代码 通过下面代码感受eval的作用var str = "alert('hehe')";alert(str);elval(str);isNaN()是否是非数字值 parseInt()解析字符串,返回整数。encodeURI()进行编码 decodeURI原创 2017-01-13 10:24:39 · 351 阅读 · 0 评论 -
全选反选练习
<body> <form action=""> <!-- 全选 /全不选/反选--> <input type="checkbox" name="love" />篮球<br /> <input type="checkbox" name="love" />足球<br /> <input type="checkbox" name="love"原创 2017-01-14 21:18:03 · 288 阅读 · 0 评论 -
事件
事件: onclick() 点击事件 onload() 加载事件 onfocus() 获得焦点事件 onblur() 失去焦点事件 例子:<body> 姓名:<input type="text" name="username" onfocus="run()" onblur="runtwo()"><span id="uspan"></span></bod原创 2017-01-14 20:40:43 · 246 阅读 · 0 评论 -
JS简介
Javascript是基于对象和事件驱动的脚本语言,主要应用在客户端。 特点: 交互性(信息的动态交互) 安全性(不可以直接访问本地硬盘,所以引入图片时候,图片地址必须是web项目中的) 跨平台性(只要是可以解析js的浏览器都可以执行,和平台无关) javascript简介: JavaScript和java(一点关系没有,虽然语法有点相似) 不同: JavaScript 是基于对象的原创 2016-12-25 15:55:19 · 306 阅读 · 0 评论 -
JS入门语法
js的语法: –把js和html结合方式 1、可以写在html文档的任意位置 2、引入外部文件 在引用外部JS的script标签间不能编写JavaScript代码 Style标签可以放在任意的位置。如果想让内部js执行,则把内部js放在外部引入文件位置的下面。 推荐做法,把原创 2016-12-25 17:28:26 · 271 阅读 · 0 评论 -
js数组和函数
js数组: 数组有两种定义方式 Var arr = [1,2,4];定义一个数组,包含三个元素。 Var arr = new Array(5);定义一个数组,数组的长度是5 Var arr = new Array(1,2,4);定义数组,包含三个元素 数组有属性length 数组的长度是可变的 数组可以存放不同的数据类型的数据 js函数:函数定义的格式,关键字function。fun原创 2016-12-25 20:31:10 · 402 阅读 · 0 评论 -
js函数
JavaScript动态函数和匿名函数 动态函数是通过js的内置对象Function,通过new Function(参数1,参数2)来创建动态函数。 创建动态函数:var add = new Function("x,y","var sum;sum=x*y;return sum;");var sum = add(4,5);alert("sum = "+sum);动态函数可以通过参数的方式进行动原创 2016-12-27 10:13:30 · 212 阅读 · 0 评论 -
BOM浏览器对象模型(brower object model)
//事件<input type="button" value="我是按钮" onclick = "run()" />//run()是自己定义的函数Window 窗口对象 * * * * *alert() 弹出提示框confirm(“参数”) 询问框moveBy() 移动浏览器setInterval(“函数”,参数) 定原创 2017-01-13 16:06:13 · 386 阅读 · 0 评论 -
DOM文档对象模型
文档:标记型文档(HTML/XML) 对象:封装了属性和行为 模型:共性特征的体现 DOM解析HTML: (1)通过DOM的方法,把HTML全部(元素(标签)、文本、属性)都封装成了对象 (2)DOM想要操作标记型文档先解析(解析器)。DOM解析HTML(浏览器也可以解析HTML) DOM的三个级别: (1)将html封装成对象 (2)添加新的功能,例如对事件和css样式的支持 (原创 2017-01-13 23:11:42 · 228 阅读 · 0 评论 -
Node节点对象
nodeName 节点名称 nodeType 节点类型 nodeValue 节点的值<!DOCTYPE html><html><head><meta charset="UTF-8"><title>test</title></head><body> <input type="text" id="nameId" value="zhangsan" /> <span id="原创 2017-01-14 19:37:29 · 574 阅读 · 0 评论 -
Element元素对象
<body> <input type="text" id="nameId" value="zhangsan" /></body><script type="text/javascript">// 获取元素对象// getAttribute("属性名称") 获取属性的值// setAttribute("属性名称","属性的值") 设置或者修改属性的值// removeAttrib原创 2017-01-14 20:09:11 · 521 阅读 · 0 评论 -
vue.js中settimeout遇到的问题(时间参数短效果不稳定)以及解决办法
先看效果图,这是弹窗效果,要求就是弹窗出现和消失时候不是很突兀,要有过渡效果。 首先看弹窗出现的实现思路,先加一个beforeActive类,再加一个active类。我们看审查元素,一开始display:none; 在beforeActive中display:block;只是background: transparent;然后在一定时间后再加上active类。问题就来了,在打开弹窗代码...原创 2018-04-12 21:55:20 · 13961 阅读 · 0 评论