JavaScript
关注
分享
扫一扫
鲜虾烧麦啵
这个作者很懒，什么都没留下…
展开
-
JavaScript原型链和new操作符讲解
JavaScript原型链 在学习原型链之前，我们先来了解一个问题new操作符都干了什么？var obj = {}; //创建了一个空对象objobj.__proto__ = Base.prototype; //将空对象的__proto__成员指向了Base函数对象prototype成员对象Base.call(obj); //我们将Base函数中this上的成员赋值给obj 其实new 操作符就干了三件事，分别为新建了一个空对象，这个对象原型指向构造函数的prototype，执行构造函原创 2020-07-19 08:37:19 · 281 阅读 · 0 评论 -
JavaScript复习大纲
复习大纲1. HTML、CSS和JavaScript各自在网页设计中的作用。1.HTML生成结构.2.CSS样式美化.3.JavaScript的作用： (1) 操作HTML及CSS，让网页具有动态行为。 (2) 与用户之间的产生交互，提升用户体验。2. 引入外部JS文件的方式在<head>或者<body>中 插入<script typ...原创 2019-12-30 20:21:08 · 661 阅读 · 0 评论 -
仿360开机
仿360开机今天来写一下360的开机效果先来开一下效果：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box{ w...原创 2019-12-26 17:17:34 · 159 阅读 · 0 评论 -
动态导航栏和JavaScript箭头函数
动态导航栏和JavaScript箭头函数 今天我们来写一下动态的导航栏，并且学一下JavaScript的箭头函数等相关问题。样式如下所示：html中执行代码如下所示：<!DOCTYPE html><html> <head> <meta charset="utf-8">...原创 2019-12-26 16:51:52 · 291 阅读 · 0 评论 -
天猫轮播图
天猫轮播图 在做网页的时候，轮播图很常见，今天我们就做一种轮播图，通过轮播图来熟悉JavaScript的操作。样式如下所示：执行代码如下所示：<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style type="...原创 2019-12-25 19:11:18 · 772 阅读 · 0 评论 -
用JavaScript实现全选-反选
实现全选-反选 在日常生活我们会遇到需要全选-反选的地方，其实用JavaScript也能实现。样式如下所示：样式代码如下所示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><...原创 2019-12-25 18:55:14 · 287 阅读 · 0 评论 -
使用JavaScript实现五角星评分控件
在现实生活中，我们会经常见到需要打分的地方，五个小星星，鼠标放在上面就会变样式，并且鼠标点击一下就会记录到，这是怎么实现的呢？ 其实用javascript就可以实现。今天我们来写一下。首先先给出样式：如图所示，在生活中我也就是经常见这样的评分样式。实现代码如下所示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio...原创 2019-12-25 18:20:16 · 663 阅读 · 0 评论 -
用JavaScript做精灵图
用JavaScript做精灵图精灵图可以不用在给每一个小块一 一的修改位置。主要原理是找到整张的背景图与li的下标的数学关系.这是一大张背景图，这个背景图的位置其实是有规律的，每两张之间间隔一个固定长度，这个固定长度刚好等于一个小图标的长度，我们使用的这个图间隔44px。CSS样式如下图所示样式代码如下：<style> *{ margin: 0; ...原创 2019-12-25 18:05:26 · 694 阅读 · 0 评论