晓小新-CSDN博客

原创 jquery中事件和DOM操作

在JavaScript中，常用的基础事件有鼠标事件、键盘事件、window事件、表单事件等。事件绑定和处理函数的语法格式如下：事件名=“函数名()”;（1）载入事件所谓载入事件，是window事件的一种，window事件表示当用户执行某些会影响浏览器的操作时，而触发的事件。在jQuery中，常用的window事件有文档载入事件，它对应的方法是ready().（2）鼠标事件鼠标事件，顾名思义就是当用户在文档上移动或单击鼠标而产生的事件。常用的鼠标事件的方法如下：方法描述执行时机

2020-08-14 11:44:59 416

原创 jquery选择器

3.1 jQuery简介（1）众所周知，jQuery是JavaScript的程序库之一，它是JavaScript对象和实用函数的封装。选择jQuery的原因：*使用jQuery可以大大减少代码量*使用jQuery不存在浏览器兼容性问题(当然现在VUE比他牛逼)（2）jQuery是由美国人John Resig于2006年创建的开源项目。jQuery的用途：1）访问和操作DOM元素2）控制页面样式3）对页面事件的处理4）方便的使用jQuery插件5）于Ajax技术的完美结合（3）jQu

2020-08-14 10:37:10 201

原创 JavaScript操作BOM、DOM对象

JavaScript操作BOM、DOM对象2.1 windom对象浏览器对象模型（BOM）是JavaScript的组成之一，它提供了独立于内容与浏览器窗口进行交互的对象，使用浏览器对象模型可以实现与HTML的交互。BOM是一个分层结构。使用BOM通常可实现如下功能：*弹出新的浏览器窗口*移动、关闭浏览器窗口及调整窗口的大小*在浏览器窗口中实现页面的前进、后退功能2.1.1 常用的属性history：有关客户访问过的URL的信息location：有关当前URL的信息screen：只读属性，

2020-08-02 12:00:30 278

原创 JavaScript基础

JavaScript基础1.1 为什么学习JavaScript学习JavaScript的目的主要有以下三点：（1）客户端表单验证作用是减轻服务器端的压力（2）页面动态效果在JavaScript中，可以编写响应鼠标单击等事件的代码，创建动态页面特效，从而高效的控制页面的内容。（3）jQuery的基础JavaScript是学习jQuery的基础。1.2 什么是JavaScriptJavaScript是一种描述性语言，也是一种基于对象（object）和事件驱动（Event Driven）的具有

2020-08-02 10:42:00 165

原创盒子模型基础笔记

盒子模型什么是盒子模型对于每幅画来说，都有一个边框，在英文中称为border,每个画框中，画和画框通常都会有一定的距离，这个距离称为内边距，在英文中称padding,每一幅画之间不是紧挨着的，也存在一些距离，称为外边距，在英文中称为margin.因此，padding-border-margin模型是一个极其通用的描述矩形队形布局形式的方法。这些矩型对象统称为盒子，英文为box。在CSS中，一个独立的盒子模型由content（网页内容）、border（边框）、padding（内边距）、margin

2020-08-02 10:19:16 677

原创 css编辑网页文本

1.1 编辑网页文本1.文本在网页中的意义（1）有效的传递页面信息（2）使页面漂亮、美观、更加吸引用户（3）可以更好地突出页面的主题内容，使用户可以第一眼看到页面的主要内容（4）具有良好的用户体验2.标签作用：能让某几个文字或者某个词语凸显出来示例：あ“い”うえ< /sp

2020-07-22 10:26:58 656

原创 CSS基本语法结构、选择器

1.1 CSS概述1.什么是CSS:CSS全称为层叠样式表（Cascading Style Sheet），又称为风格样式表，表现HTML或XHTML文件样式的计算机语言，包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定。2.CSS的优势（1）内容与表现分离（2）表现的统一（3）丰富的样式，使得页面布局更加灵活（4）减少网页的代码量，提高网页的浏览速度，节省网络宽度（5）运用独立于页面的CSS，还有利于网页被搜索引擎收录1.2 CSS的基本语法结构1 CSS的基本语法结构① C

2020-07-17 10:41:02 1925

原创使用列表表格展示数据

列表、表格与媒体元素任务1使用列表展示数据1.1列表简介什么是列表，简单来说，；列表信息资源的一种展示形式。它可以是信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷的获得想用的信息。列表分为三类：无语列表、有序列表、定义列表1.2无序列表及其应用无序列表有< ul>标签和< li>标签组成，使用< ul>标签作为无序列表的声明，使用< li>标签作为每个列表项的起始，其语法结构如下：< ul>< li>第

2020-07-16 10:17:23 1844

原创 HTML5文件的基本结构和W3C标准

第一章 HTML5文件的基本结构和W3C标准任务1 实现页面注册信息验证功能1.1 HTML5文件的基本结构和为W3C标准1.1.1 HTML是用来描述网页的一种语言，是一种超文本标记语言。2008年1月22日，HTML5第一份正式草案公布；2013年5月6日，HTML5.1正式草案公布。1.1.2 优势：（1）世界知名浏览器厂商对HTML5的支持（2）市场的需求（3）跨平台1.1.3 W3C全称是万维网联盟（World Wide Web Consortium,W3C）.W3C是Web技术领

2020-07-16 09:25:12 1193