![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html复习
GodGump
这个作者很懒,什么都没留下…
展开
-
jquery框架的ajax请求(附有HTML5代码以及实现)
该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。最简单的情况下,$.ajax() 可以不带任何参数直接使用。...原创 2021-03-14 10:11:33 · 379 阅读 · 6 评论 -
原生ajax的js实现(有实现代码)
传统的web交互是用户触发一个http请求服务器,然后服务器收到之后,在做出响应到用户,并且返回一个新的页面。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。为了解决这个问题,提出了ajax。学过计算机操作系统的可以这样理解,传统是同步,ajax实现了异步。五步使用法:1.创建XMLHTTPRequest对象2.使用open方法设置和服务器的交互信息3.设置发送的数据,开始和服务器端交互4.注册事件5.更新界面...原创 2021-03-04 16:22:00 · 153 阅读 · 2 评论 -
jquery动画(附有简单网页广告代码实例以及运行截图)
动画的操作有很多,分享几个常见的动画显示和隐藏show()即显示方法和hide()即隐藏方法是jQuery中最基本的动画方法。在HTML文档里,为一个元素调用hide()方法,会将该元素的display样式改为“none”。hide() 和 show() 分别可以携带两个可选参数,一个是speed参数另外一个是callback参数。speed的作用是控制显示和隐藏的速度,它可以取以下值:“slow”、“fast” 或毫秒。,callback则为执行完以后进行的函数,学过汇编语言对这个应该很好理解,返回原创 2021-03-03 18:48:03 · 344 阅读 · 2 评论 -
jQuery对象的插入、删除、复制、替换(附有代码以及运行截图)
jQuery对象插入的方式,分为在内部插入与在外部插入。简单来说,是父子节点还是兄弟节点先说说内部插入,举个例子:原创 2021-03-03 12:00:29 · 643 阅读 · 0 评论 -
jQuery表单选择器(附有代码以及运行截图)
表单作为HTML中常见的元素,操作方法较为多样性和特殊性,jQuery为表单专门提供了选择器和过滤器来准确的定位表单元素。下面举几个常见的选择器:enabled选择所有可用元素disabled选取所有不可用元素checked选取所有被选中的元素selected选取所有被选中的选项元素(下拉列表为主)举个例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-03-01 20:30:12 · 295 阅读 · 0 评论 -
jQuery属性选择器(附有代码以及运行截图)
jQuery 使用 XPath 表达式来选择带有给定属性的元素。XPath使用路径表达式来选取 XML 文档中的节点或节点集。节点是通过沿着路径 (path) 或者步 (steps) 来选取的。说上面是为了理解下面几个常见的属性选择器注意一下代码中:attribute表示一个属性名,value表示一个属性值$(" [attribute] = 'value' ")选择指定属性值等于给定字符串或改字符串为前缀(该字符串后跟一个连字符“-”)的元素。$("[attribute*='value']")原创 2021-02-28 21:51:36 · 443 阅读 · 4 评论 -
jQuery层次选择器(附有代码以及运行截图)
层次选择器字面意思:通过DOM元素之间的结构(层次关系)来获取特定元素,例如后代元素、子元素、相邻元素、兄弟元素等。分享几个常见的层次选择器:>(大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。+(加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。~ (波浪线)任意距离兄弟关系 如$("div ~ p")表示选择div附近层的p节点。注意:相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素下.举个原创 2021-02-27 23:20:36 · 183 阅读 · 0 评论 -
jQuery基本选择器(附有HTML5代码以及效果图)
jQuery选择器发明的目的是准确地选取我们所需要的应用效果的元素。jQuery元素选择器和属性选择器允许我们通过标签名属性名或内容对HTML元素进行选择。有三种选择器:jQuery元素选择器(标签选择器)jQuery属性选择器(#id选择器)jQueryCSS 选择器(类选择器,.class选择器)补充:在网页中id只能使用一次,class允许重复使用...原创 2021-02-25 10:05:03 · 368 阅读 · 0 评论 -
jQuery对象与js对象相互转换
转换的原因简单说下:虽然jQuery是js的封装和改进版,但是jQuery返回的大多是jQuery的对象,而js则以DOM为主。两种转换方式将一个jQuery对象转换成js对象:[index]和.get(index);原创 2021-02-22 22:48:48 · 690 阅读 · 0 评论 -
jquery与js页面加载事件的区别(附有代码实例以及比较)
jQuery加载比JavaScript快,jQuery在DOM绘制完毕加载,JavaScript会在页面所有元素加载完毕才开始加载jQuery不存在覆盖问题,多个函数恢依次执行;JavaScript存在覆盖问题,前面的函数会被覆盖掉,只能执行最后一个举个例子:...原创 2021-02-20 14:55:20 · 297 阅读 · 2 评论 -
jquery的引入与使用(附有HTML5的代码实例)
1.引入引入方法有两种:一种本地,一种联网(CDN)。本地的方法:下载并放入项目文件,并用js引入(取决于自己的路径) <script src="路径/jquery.js"></script>联网的方法(CDN):官网jquery压缩版引用地址:...原创 2021-02-18 00:07:05 · 10122 阅读 · 1 评论 -
js事件驱动机制(附有HTML5实例以及运行截图)
js是采用事件驱动来响应用户操作的。比如通过鼠标或者按键(基本等同于热键)在浏览器窗口或者网页元素(按钮,文本框…)上执行的操作,我们称之为事件。由鼠标或热键引发的一连串程序的动作,称之为事件驱动。对事件进行处理程序或函数,我们称之为事件处理程序(也有教材上说是事件句柄)。事件的分类(有的地方说是事件源分类法分出的,这个个人不赞同,两个是不同的东西怎么可以这么搞):鼠标事件:当用户在页面上用鼠标点击页面元素时,对应的dom节点会触发鼠标事件,主要有click、dblclick、mousedown、mo原创 2021-01-29 16:47:21 · 638 阅读 · 0 评论 -
js三大特性(附有HTML5代码实例)
封装、继承以及多态是面向对象的共有特性,js作为面向对象的语言同样也支持这三个特性。**封装:**当你需要隐藏一些属性和方法的时候,可以将这些属性和方法进行封装,然后通过外部接口(也就是公共的方法)进行调用。...原创 2021-01-28 00:40:01 · 1532 阅读 · 0 评论 -
js实现人物移动(附有全部代码以及解析)
实现的关键在于控制坐标x,y以及对象的创建和使用。原创 2021-01-24 20:15:58 · 2252 阅读 · 0 评论 -
js的对象的定义以及创建(附有HTML5代码实例)
对象的定义:对象是JavaScript的一个基本数据类型,是一种复合值,它将很多值(原始值或者其他对象)聚合在一起,可通过名字访问这些值。即属性的无序集合。对象的创建(多种方法)1、直接法:使用关键字var定义一个对象,同时内容使用花括号括起来。举个例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</titl原创 2021-01-23 22:02:42 · 292 阅读 · 0 评论 -
js之二维数组实现矩阵转置
有两种方法一种是定义一个变量当中间变量然后用交换法实现转置(一个数组即可)另一种方法是定义一个新数组直接进行赋值。如果考虑复杂度选第一个,只考虑运行选第二个。本文采用第二种。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script language="JavaScript">原创 2021-01-23 09:34:55 · 1619 阅读 · 2 评论 -
js之一维数组(附HTML5代码实例)
数组对象的作用是:使用单独的变量名来存储一系列的值。创建数组:例如:var arrayTest = [1,2,3,"???",4,5];使用concat()合并两个数组使用 join() 方法将数组的所有元素组成一个字符串。使用 sort() 方法对数组进行排序。(可以按字典或者数字第一位进行排序,如果按数值排序要向该方法传递参数(当然下面附有例子),当然也可以有其他排序这里只说用的多的)这是一个求和的例子:<!DOCTYPE html><html lang="en">原创 2021-01-22 23:12:26 · 963 阅读 · 0 评论 -
js系统函数(附有函数的HTML5代码实例以及运行结果截图)
在运用js时,我们除了可以使用自定义函数之外,我们还可以使用js系统函数提高开发效率。声明:个人能力原因,这里只分享我学过并且实践过的,并不是全部(比如:窗口系列函数,数组操作函数就没有)eval()函数:该函数用于计算并返回字符串表达式的值。举个例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&g原创 2021-01-22 16:22:11 · 222 阅读 · 2 评论 -
margin属性的那些事
定义和用法margin作为名词的意思有:页边的空白;栏外;边缘margin的作用是:设置所有外边距属性,该属性可以有0,1,2,4个。注意:允许使用负值。例子:margin:5px 10px 15px 20px;意思是:上外边距是 5px右外边距是 10px下外边距是 15px左外边距是 20px特殊用法:margin:0 auto(居中)...原创 2021-01-21 19:34:16 · 119 阅读 · 0 评论 -
多媒体网页(附有2021仍然可以用的实例)
HTML 标签定义和用法:<embed> 标签定义嵌入的内容,比如插件。实例:<embed src="../static/2021.avi" type="avi">此标签目前测试的主流浏览器都可以使用(360浏览器和QQ浏览器的部分版本不支持)IE的效果:qq浏览器的效果:img标签的dynsrc属性来设置播放的视频目前测试结果:IE和Netscape中支持,Firefox报proprietary attribute,QQ浏览器认不出来<img dy原创 2021-01-15 20:39:32 · 375 阅读 · 0 评论 -
<p><br><nobr>的区别(通俗版)
可以当做空行(类似面向对象的println,C语言printf("/n"))普通的换行等同于white-space: nowrap 内容不折行原创 2021-01-15 10:44:50 · 655 阅读 · 0 评论 -
HTML <frame> 标签的介绍以及实例
定义和用法<frame> 标签定义 frameset 中的一个特定的窗口(框架)。其中:frameset的常用属性:frameborder=“边框大小”cols=“各窗口百分比,隔开”rows=“各窗口百分比”frame的常见用法:<frame name="给frame取名" src="htm|路径">举个例子:framFather.html这个文件作为载体<!DOCTYPE html><html lang="en"><fra原创 2021-01-14 23:33:04 · 1747 阅读 · 0 评论 -
表单的应用之简单饭店菜单
首先运用到的核心知识是:<table border="边框大小" cellspacing="空隙大小" cellpadding="填充大小">这是效果图:源代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--原创 2021-01-14 22:59:55 · 232 阅读 · 0 评论