- 博客(23)
- 收藏
- 关注
RSS订阅原创 JS
1.可以将JS代码写在超链接的herf，这样点击超链接时就会执行JS代码。eg：<a href="javascript；；”>2.JS中严格区分大小写3.字面量和变量字面量：不可改变的值，即常量。变量可以用来保存字面量。eg：x=1-----------x就是变量，1就是字面量。4.标识符在JS中所有的可以自主命名的都是标识符。标识符由字母、数字、下划线、$符组成标...
2019-05-12 19:14:34
117
原创 轮播图
https://www.cnblogs.com/LIUYANZUO/p/5679753.htmlHTML： <div id="container"> <div id="list" style="left:-600px;"> <img src="./img/pic5.png" alt="5"> ...
2019-04-23 21:26:43
141
原创 做东西遇到的一些基础知识
1.CSS中设置margin:0 auto; 水平居中使用条件：margin:0 auto;的意思就是：上下边界为0，左右根据宽度自适应，其实就是水平居中的意思，块级元素：给定要居中的块级元素的宽度。行内元素：①设置display:block；②给定要居中的行内元素的宽度。（行内元素设置成块级元素后可以对其宽高进行设置）行内块元素：设置display:block。（如input、butto...
2019-04-20 19:59:23
203
原创 jquery
$就是jquery$作用：选取元素html对应原生js的innerHTMLval对应value等等prop和attr的根本区别在于：（1）对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。<a href="http://www.baidu.com" target="_self" class="btn">百度</a>这个例子里元素的DOM属...
2019-04-15 21:35:01
170
原创 ajax同源策略
1.同源策略：源（origin）就是协议、域名和端口号。.2什么是同源策略？同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以a.com下的js脚本采用ajax读取b.com里面的文件数据是会报错的。3.什么浏览器要限制跨域？原因就是安全问题：如果一个网页可以随意地访问另外一个网站的资源，那么就有可能在客户完全不知情的情况下出现安全问题。比如...
2019-04-15 19:52:05
300
原创 圣杯布局
<style type="text/css"> *{ margin: 0; padding: 0; } html,body{ height: 100%; } body{ display: flex; ...
2019-04-11 21:17:13
87
原创 Ajax
Ajax:是一种异步加载数据的技术，可以通过Ajax实现页面的局部刷新。不用刷新页面就可以从服务器端取得数据。GET：<body> <h1></h1> <script> //1.创建ajax对象 var xhr = new XMLHttpRequest(); //4.监听请求 xhr.onready...
2019-04-11 20:04:34
92
原创 JS动画
一、 <style type="text/css"> /* 此代码只是简单地让元素动起来 */ *{ margin: 0; padding: 0; } div{ width: 100px; hei...
2019-04-02 22:41:35
141
原创 ES6
1.2.上图最后一句语句输出a=1；b=5；3.<body> <ul id="test"></ul> <script type="text/javascript"> //ES5的写法:将变量或表达式直接嵌入字符串 // var obj = {"name":"john","age":20};...
2019-03-31 21:56:00
123
原创 正则表达式
概念：正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式(regular expression)描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。正则表达式和字符串紧密相关创建...
2019-03-31 18:56:39
85
原创 cookie
cookie:储存在用户本地终端上的数据会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。session：存储在服务器上七天免登陆<head> <meta charset="UTF-8">...
2019-03-31 16:50:49
83
原创 事件
事件是javaScript和DOM之间交互的桥梁。1.鼠标事件：模拟画图工具<style type="text/css"> div{ width:500px; height: 500px; border: 1px solid #cecece; } span...
2019-03-30 20:57:20
122
原创 DOM
1.认识DOMDOM：document object model 文档对象模型。是W3C规定的标准DOM是中立于平台和语言的接口，它允许程序和脚本动态的访问和更新文档的内容、结构和样式。html css 页面内容js 页面行为操作DOM是打通html、css和JS壁垒的工具HTML文档的DOM树DOM中节点（标签）的种类有三种【注】在JS中所有的节点都是对象 &l...
2019-03-29 19:31:55
142
原创 封装函数解析search,提取键值对的值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-03-29 19:04:44
339
原创 BOM
BOM：（Browser Object Model）BOM就是浏览器的对象模型window对象：浏览器上打开的窗口。1.window对象下的属性和方法系统对话框浏览器乐意通过调用系统对话框，向用户显示信息系统提供了三个函数，可以完成系统对话框的操作 alert()是window下的函数，window下的函数都可以省略window直接调用 alert() 直接弹出警告...
2019-03-28 21:04:51
114
原创 ECMA5
ECMA标准ECMA5：严格模式：从字面意思理解，在这种严格模式下，浏览器对JS的要求更加严格使用方法：“use strict”;这句话写在哪个作用域下，这个作用域的代码都要遵从严格模式注;不要轻易在全局范围开头增加use strict，建议在作用域内使用eg：fuction m1() {max = 10;//如果在给变量赋值时，没有使用var声明变量，则当成全局变量处理}...
2019-03-26 21:36:33
250
原创 JS基础
1.type="text/javascript"说明当前script标签中文本的类型2.所有的JS代码必须写在script标签里3.为了语法规范，script标签写在head里4.可以引入多个script标签，多个script标签之间，顺序执行5.js代码可以外部引入6.如果当前script标签作用引入外部文件，这个script标签中，就不能在写代码了alert(“Hello Wor...
2019-03-23 09:49:29
139
原创 html基础
1.超链接网页在新的窗口打开：target="-blank”2.写网页时来个div先给他设置宽和高，根据这个div所要装的内容设置宽和高3.浮动：左浮动：元素依次向左浮动，直到第一个元素碰到最左边的边框可以说浮动的参照物是它的父元素4.display: block;块元素： 每个元素独立的占据一个矩形空间 ，有一定的宽和高（会自动换行）内联元素：不会占据一个矩形空间，它没有...
2019-03-03 19:31:10
265
原创 植物大战僵尸
铺满全屏background: url(img/b.jpg) fixed;background-size: 100% 100%;让僵尸走就是连续改变他的位移offsetleft：偏移量，很多动画效果的实现都是通过去改变偏移量的改变来实现的setTimeout：延时函数setInterval：定时函数区别：一个一次性的一个永久的两个函数：一个创建僵尸的函数，一个让僵尸行走的函数...
2019-02-28 16:44:38
1045
原创 js基础和案例
js1.js要写在script里面2.对象的抓取(1)通过ID抓取(最常用)//1.获取加数和被加数的和var va1 = document.getElementById(“beijiashu”).value;/获取输入的值.value/var va2 = document.getElementById(“jiashu”).value;word.style.fontSize = 30...
2019-02-28 09:18:16
98
原创 超级基础
1.滚动文字：marquee I Love You marquee2.ID选择器#div1{}3.类选择器.div2{}4.类选择器可以复用，ID选择器不可以复用5.后代选择器6./过渡状态时间设置/transition: all 5s;}#js1:hover{/鼠标放上去就变大/width: 500px;height: 500px;}...
2019-02-26 22:37:45
119
原创 3D相册的制作
定位必须有定位，left和top才会生效1.相对定位：元素相对于它起点位置进行移动，参照物是它原来的位置postion:relativeleft:100px;top:100px;2.固定定位：将某个元素固定在浏览器的某个位置，固定定位的位置是相对于浏览器的固定在可视化范围内，距离上边缘和左边缘postion:fixed;left:100px;top:100px;3.绝对定位...
2019-02-26 21:31:15
3937
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人