![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML+CSS+JavaScript
文章平均质量分 71
HTML+CSS+JavaScript
懒羊羊♛
励志做一只勤奋的羊
展开
-
三、JS浏览器对象模型
一、简称:BOM(BrowserObjectModel)一个完整的BOM主要包括window对象(是整个BOM的顶层对象)、history对象、location对象、document对象等等。小点:(1)document对象就是下图红色框框包裹的区域(每个载入浏览器的 HTML 文档都会成为 Document 对象)(2)window对象就是整个这个窗体(所有浏览器都支持 window 对象,它代表浏览器的窗口)(3)windows对象是其他对象的基础(顶层对象),所以在调用其方法或者属性时,可原创 2022-01-09 19:54:45 · 268 阅读 · 0 评论 -
javascript题目
1、如何优雅的获取数组中的最大值:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> var arr = [2, 1, 3, 5, 6, 17, 12]; console.log(Mat原创 2022-01-09 19:55:37 · 72 阅读 · 0 评论 -
jquery实现购物车效果
<!doctype html><html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> table { border: 1px solid #dedede; border-collapse: collapse; width: 100%; clear: both;原创 2021-01-04 16:32:51 · 133 阅读 · 0 评论 -
2020-11-30份笔记javaScript变量、类型
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <!--一、javaScript脚本代码的位置--> <!--(1)HTML文件混合方式--> <script type="text/javascript"> document原创 2020-11-30 17:13:14 · 74 阅读 · 0 评论 -
JQuery实现全选全不选两种方式
解析:代码注释里第一种方法:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.11.1.min.js"> </script> <script type="text/javascript">原创 2020-12-14 13:41:10 · 354 阅读 · 0 评论 -
八、jQuery动画与特效
单词预习:(1)duration:持续(2)fade:逐渐消失(3)slide:滑落(4)queue:队列(5)hide:隐藏(6)show:显示本章主要内容:一、显示隐藏动画效果1、在传统的JavaScript中,一般通过display样式属性来实现。eg:将id为“content”的<div>元素显示出来小点:(1)display取值为none:<!DOCTYPE html><html> <head> <meta原创 2020-12-20 15:30:07 · 240 阅读 · 0 评论 -
jQuery实现轮播图
话不多说:看代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>轮播图</title> <style type="text/css"> /*.grid{ position: absolute; width: 100%; height: 100%; background: lawngreen;原创 2020-12-31 23:21:24 · 97 阅读 · 0 评论 -
jQuery实现替换段落中文字
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.11.1.min.js"> </script> </head> <body> <p> 帝高阳之苗裔兮,朕皇考曰原创 2020-12-22 15:02:25 · 298 阅读 · 0 评论 -
二、JavaScript函数与事件
单词预习:blur:失去焦点function:函数NaN(Not a Number):不是数字return:返回argument:实参onmousemove:鼠标移动事件一、JavaScript自定义函数函数:为了完成程序中的某些特定功能而进行专门定义的一段程序代码函数分为:自定义函数和系统函数自定义函数:指开发者根据应用场合而自己定义的函数。1、函数的定义与调用:(1)使用函数可以实现特定的功能,在使用函数前必须对函数进行定义。需要放在<script></scri原创 2020-12-31 23:38:27 · 2500 阅读 · 0 评论 -
一、JavaScript基本语法
一、JavaScript概述1、简介:(1)诞生于1995年,主要是进行用户输入的合法性验证。(2)美国网景通讯(Netscape)是最早引入JavaScript的公司,实现了在客户端完成验证表单的功能。javaScript当时被称为LiveScript(3)JavaScript的诞生使得页面不再是一成不变的静态页面,而是增加了用户交互、控制浏览器以及动态创建页面内容等功能。2、概念:(1)JavaScript可以嵌入到HTML语言中,直接通过浏览器即可运行。(2)通常情况下,JavaScri原创 2020-12-09 18:37:09 · 134 阅读 · 0 评论 -
js实现九九乘法表(正序和倒序)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--九九乘法表:正序--> <script type="text/javascript"> for(var i = 1; i <= 9; i++) { for(var j =原创 2020-11-30 17:15:10 · 3190 阅读 · 1 评论 -
吃豆豆HTML+CSS
<!doctype html><html> <head> <meta charset="utf-8"> <title>吃豆豆</title> <style> body { margin: 0; background-color: #a79066; } .mouth { width: 200px; height: 200px; /*margin原创 2020-12-01 19:42:36 · 201 阅读 · 1 评论 -
太极图HTML+CSS(可旋转)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>太极旋转图</title> <style type="text/css"> body{ margin: 0px; padding: 0px; } .wrap{ width: 200px; height: 100px; margin: 5原创 2020-11-29 20:43:39 · 824 阅读 · 4 评论