html
Urila
这个作者很懒,什么都没留下…
展开
-
html_css_CSS样式特点
继承:网页中的元素,将继承父元素的样式例如:要控制段落p中的大小,可以直接给body标记加样式。层叠:网页中子元素定义了与父元素相同的样式,则子元素的样式将覆盖掉父元素的样式(因为有些子元素本身就有默认值,则就不会继承父元素) 后面定义的样式,会覆盖前面定义的样式CSS样式的优先权:四种方式的优先权:内联式[行内样式]--->内嵌式[内部式]--->链接式[外部式]...转载 2018-12-14 00:24:09 · 706 阅读 · 0 评论 -
html_JavaScript_自调用函数
自调用函数 格式: ;(function 函数名(){})()使用一对括号将定义的函数进行包括起来,在其后面在加一对括号,后面的一对括号的含义为调用前面定义的函数,只调用一次。自定义函数优点:当一个页面包含多个js时,不使用自定义函数所定义的方法和属性都是全局变量,容易造成命名冲突.注意:当定义自调用函数的时候,一定要在签名加上“;”,否则当一个js中有多个...原创 2018-12-16 14:35:26 · 1803 阅读 · 0 评论 -
html_JavaScript_继承
继承原型继承借用构造函数 实行结果: 组合继承注解:有两个定义类的构造函数 子类(构造函数中)借用构造函数调用父类构造器,在使用prototype定义父类(一定要设置constructor)定义函数的方式函数声明和函数表达式的区别函数中的this1.函数中的this window2.方法中的this ...原创 2018-12-16 14:39:19 · 273 阅读 · 0 评论 -
html_CSS_简介
CSS一.什么是Web标准,Web标准的构成二.采用标准的好处三.理解表现和结构分离四.什么是CSS,CSS语法五.CSS常用属性,CSS控制文字与链接 1.补充:DIV+CSS叫法的误区“DIV+CSS”这种叫法其实是一种不准确的叫法,是大家开始在对这种技术理解不透彻的情况下,给这种布局标准页面的方法起的名字,而标准的方法叫XHTML+CSS2.W3C是什么...转载 2018-12-10 22:13:18 · 203 阅读 · 0 评论 -
html_css_盒子
盒子模型一个盒子是由一下基本分构成的:盒子中的内容 content 盒子的边框 border 盒子的边框与内容之间的距离,称为填充—padding,内边距(内补丁) 多个盒子存在,盒子与盒子之间的距离,称为边界—margin整个盒模型再页面中所占的实际宽度为:左边界+左边距+左填充+内容+右填充+右边框+右边界组成Css盒子的相关属性:语法:padding:上 右...转载 2018-12-10 22:15:30 · 118 阅读 · 0 评论 -
html_css_块与内联元素
块与内联元素 在布局页面的时候,会将HTML标签(元素)分成两种,块状元素和内联元素(我们平时用到的标签div和p就是块状元素,链接标签就是内联元素),可以通过css修改元素的类型。块状元素:{display:block} 一按便能是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥其他元素与其位于同一行,宽度(width)和高度(height)起作用,如:div,p,bo...转载 2018-12-10 22:16:45 · 160 阅读 · 0 评论 -
html_css_控制背景
背景图片,默认情况下是进行水平和垂直方向的平铺。 在background-position属性设置了no-repeat后,图片默认在元素的左上角 背景图片的依附方式,固定的含义是:将图片固定在屏幕(可视窗口)的某个位置,并且兼容性相IE6 只有html与body两个元素支持这个属性值 翻转效果:其实思路就是: Css精灵技巧:主要是为了减少http请求 ...转载 2018-12-10 22:17:44 · 164 阅读 · 0 评论 -
html_css_布局方式
布局方式1.默认的就是文档流的方式 以默认的html元素的结构顺序显示2.浮动布局方式 通过设置html元素的float属性显示3.定位布局方式 通过设置html元素的position属性显示浮动浮动(float)CSS实现布局的一种方式,包括div在内的任何元素都可以以浮动的方式进行显示浮动是将块元素的霸道属性(独占一行的取消),允许别...转载 2018-12-10 22:23:11 · 176 阅读 · 0 评论 -
html_css_CSS在网页中的应用方式
CSS在网页中的应用方式行内样式,应用于一个 嵌入样式,应用于一类标签 如果我们有很多的网页,都要用css,将这些css写到一个独立文件中,这个就是外链式,推荐使用。 导入式样式,也式将样式写道一个文件中,在导入到文件中说明:导入式,其实与内嵌式式相似的,都是将样式加入到网页里导入式,会占用html文件空间 有些浏览器,解析会有问题,浏览器会最后读取@import中的内容.在网...原创 2018-12-10 22:26:35 · 502 阅读 · 0 评论 -
html_JavaScript_闭包
闭包闭包相关概念和python中的概念相似,故不再进行过多赘述,对概念不太明白的道友请自行百度,这里直接给出案例。Eg1 执行结果: 注解:使用的是同一个闭包 函数,每次调用后num1的值加一Eg2 注解:系统先执行主程序,遇到定时器时候将定时器或绑定事件加入到等待队列,等主程序执行完之后在去执行等待对列的代码想在触发事件的时候alert出对应的索引,希望将...原创 2018-12-22 18:20:27 · 305 阅读 · 0 评论 -
html_JavaScript_面向对象编程
JavaScript面向对象编程(codecombat)创建对象的方法: 解析构造函数代码的执行构造函数和工厂函数的区别 构造函数和对象之间的关系 构造函数的问题 原型对象 注意:任何一个对象都具有__proto__属性,包括原型对象 访问对象的属性的时候,先访问对象的属性,在找对象的原型对象,在找对象的原型的原型...转载 2018-12-16 14:32:24 · 226 阅读 · 0 评论 -
html_Url_JavaScript执行过程
Url滚动偏移clientWidth, clientHeight 和 offsetWidth,offsetHeight的区别是不会算border(边框) lientWidth, lientHeight:内容 + paddingoffsetWidth,offsetHeight:内容 + padding + border(不包括超出的内容)clientTo...转载 2018-12-16 14:30:08 · 395 阅读 · 0 评论 -
html_Location对象
Location对象location 必须掌握三个属性和三个方法location 属性 href serach hashHref:跳转的地址 search:传入的参数 hash:锚点location 方法 assign reload replace Location.reload() 方法用来刷新当前页面。该方法只有一个参数,当值为 true 时,将强制浏览器...原创 2018-12-16 14:27:18 · 705 阅读 · 0 评论 -
html_css_网页布局
1.css选择符命名规则 关于CSS命名法,和其他程序命名一样,分为 :驼峰,帕斯卡,匈牙利法 驼峰命名法:除第一个单词首字母小写外,其余所有单词首字母都大写 帕斯卡命名法:与驼峰相似,区别就是所有单词首字母都大写 匈牙利命名法:是需要在名称签名加上一个或多个字母作为前缀2.公司都有命名规范文档3.css选择符选择...转载 2018-12-14 00:25:49 · 104 阅读 · 0 评论 -
html_JavaScript基础知识
解析执行:轻量级解释型语言特点:动态(随时给对象增加成员),头等函数(函数是最重要的)执行环境:在宿主环境(host environment) 下运行,浏览器是最常见的javaScript宿主环境API 的概念:Application Programming Interface 应用程序编程接口,是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,...原创 2018-12-14 00:28:13 · 121 阅读 · 0 评论 -
html_JavaScript获取元素_事件_属性操作_样式操作_类名操作
为什么要获取元素?我们想要操作页面上的某部分(显示/隐藏,动画),需要先获取到该部分对应的元素,才进行后续操作1. 根据id获取元素 document.getElementById("bo1x");注意:①如果没有指定的id,则返回值为null档是从上往下一次执行 console.dir() 输出的是元素对应的标签的内容 如何获取对象的类型(对象是有类型的)...原创 2018-12-14 00:32:34 · 697 阅读 · 0 评论 -
html_JavaScript节点操作
元素节点 执行结果: nodeName: 标签的名称 nodeType: 节点的类型 1为标签节点 nodeValue: 当是元素节点的时候,永远为null属性节点 执行结果: nodeName: 属性名称 nodeType: 节点的类型 2为属性节点 nodeValue: 属性的值模拟文档树结构: 执行结果: 节点层级:...原创 2018-12-14 00:36:41 · 194 阅读 · 0 评论 -
html_JavaScript_void_动态创建三种元素的三种方式
void在a标签的href属性中添加javascript:void(0) 语句后,在网页点击超链接时,不会在进行跳转。如果href的值为javascript:’123’。单击超链接的时候整个页面只会显示123,之前的内容全部清除。a标签href跳转详解:当单击超链接的时候,windows将href后面的值复制到url地址栏中进行跳转,如果是javascript:语句的时候,浏览器进行跳转的...原创 2018-12-14 00:39:03 · 306 阅读 · 0 评论 -
html_JavaScript_事件
事件注册/移除事件的三种方式注意:1.使用onclick注册事件的时候,只能触发一个函数,如果有两个事件同时注册,则单击的时候只会触发第二个注册的事件对应的函数.2.可以给同一个事件注册多个事件第一个参数是事件名称第二个参数是事件处理函数第三个参数是事件冒泡/事件捕捉IE9以后才支持this就是触发事件的对象IE9以前目前版本运行时候报错。 事件处理函数...原创 2018-12-14 00:44:04 · 112 阅读 · 0 评论 -
html_JavaScript_事件冒泡
事件冒泡 当单击了具有注册事件的标签的时候,会触发这个事件,事件完成后会向上传递,如果上层的标签还具有注册事件并且符合后,则继续触发事件函数.冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。先从顶层开始进行事件捕获,直到事件触发到达了事件源元素。然后,再从事件源往上进行事件冒泡,直到到达document。事件的三个阶段/时间流事...原创 2018-12-16 14:23:24 · 1177 阅读 · 0 评论 -
html_JavaScript_BOM
BOM 注意:window对象本身就有name和top属性,其中top属性是只读的,name的类型是字符串,不管在script中给name赋什么值,consoel.log(typeof name)的类型都是String类型(字符串) ...转载 2018-12-16 14:24:06 · 112 阅读 · 0 评论 -
html_JavaScript_定时器
定时器参考:https://www.cnblogs.com/wxd0108/p/5479442.html 定时器执行原理概念:进程: 计算机后台正在执行的程序线程:很多程序同时执行一个功能一个进程可由多个线程组成注意:网页中执行javascript是单线程,事件和定时器任务会放到一个任务队列中,当执行完主线的代码后才会执行任务队列中的代码...转载 2018-12-16 14:25:50 · 2639 阅读 · 0 评论 -
Javascript 混淆后解码原理
0x00 前言Javascript 作为一种运行在客户端的脚本语言,其源代码对用户来说是完全可见的。但不是每一个 js 开发者都希望自己的代码能被直接阅读,比如恶意软件的制造者们。为了增加代码分析的难度,混淆(obfuscate)工具被应用到了许多恶意软件(如 0day 挂马、跨站攻击等)当中。分析人员为了掀开恶意软件的面纱,首先就得对脚本进行反混淆(deobfuscate)处理。本文将介...转载 2018-12-18 19:47:34 · 3886 阅读 · 0 评论