JS网页设计
文章平均质量分 76
网特设计知识点
hgcan163
这个作者很懒,什么都没留下…
展开
-
jquery讲解(2)节点操作
文章目录一、操作元素1.创建元素2.添加元素二、使用步骤1.引入库2.读入数据总结一、操作元素1.创建元素语法:$(“标签”) 示例如下<script> $("<div>创建div标签</div>") </script>2.添加元素方法名描述append()向元素内部末尾添加内容prepend()向元素内部开头添加内容after)在指定元素之后添加内容before()在指定元素之前添加内容原创 2021-05-13 22:51:09 · 123 阅读 · 0 评论 -
jquery讲解(1)jq选择器、事件绑定
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、jquery简介二、jquery的使用1.入口函数2.jquery选择器3.jquery样式修改总结提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、jquery简介jQuery是一个快速、简洁的JavaScript框架,它封装了JavaScript常用的原创 2021-05-13 15:09:45 · 290 阅读 · 0 评论 -
DOM编程(4)元素的拖动
文章目录JavaScript与CSS交互一、更改css样式二、获取css样式三、元素的隐藏与显示四、元素拖拽事件总结JavaScript与CSS交互一、更改css样式基本语法:元素对象.style.css属性名=“值”<div id=""> 更改背景颜色 </div> <script type="text/javascript"> document.querySelector("div").style.backgroundColor="#B原创 2021-05-01 17:08:37 · 154 阅读 · 0 评论 -
DOM编程(3)事件绑定
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、事件绑定1.行内式事件绑定2.js事件绑定3.事件监听4.移除监听事件5.js事件绑定与事件监听的区别6.事件参数:event7.常用事件类型/事件监听类型总结一、事件绑定1.行内式事件绑定语法:<标签名 事件类型=“函数名()”><div onclick="incident()">事件绑定</div> <script> function incident(){原创 2021-04-24 20:53:58 · 121 阅读 · 0 评论 -
DOM编程(2)操作节点
文章目录一、操作DOM1.DOM元素特性和属性的区别(1)获取元素的所有特性二、使用步骤1.引入库2.读入数据总结欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入一、操作DOM示例:pan原创 2021-04-21 00:33:41 · 103 阅读 · 0 评论 -
DOM编程(1)选择器
文章目录一、DOM对象模型二、选择器1.元素选择器(1) id 选择器(2) 标签 选择器(3) class 选择器(4) name 选择器(5) CSS 筛选器(6) 获取特殊元素2.节点/元素 选择器(1) 子节点选择器(2) 节点属性(3) 节点元素获取3获取元素属性总结一、DOM对象模型DOM对象全称是Document Object Model,当页面加载时,浏览器就会会创建页面文档模型,它是window五大对象之一。一个html文档是由DOM树构成。DOM树如下:二、选择器1.原创 2021-04-14 19:42:29 · 261 阅读 · 0 评论 -
BOM对象
文章目录一、DOM对象1.DOM对象模型结构2.读入数据总结一、DOM对象BOM(Browser Object Model)是指浏览器对象模型,可以对浏览器窗口进行访问和操作。使用 BOM,开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。1.DOM对象模型结构代码如下(示例):window.console.log(window); //打印window对象,console为window的属性2.读入数据代码如下(示例):data = pd.read_c.原创 2021-04-13 19:32:57 · 172 阅读 · 1 评论 -
JavaScript语法阶段(10):正则表达式
文章目录一、正则表达式1.什么是正则表达式2创建正则表达式二、使用步骤1.引入库2.读入数据总结一、正则表达式1.什么是正则表达式正则表达式(Regular Expression,简称为RegEx),是用来匹配一系列符合某个规则的字符串的表达式正则表达式独立于编程语言,几乎所有的编程语言甚至文字处理软件都支持正则表达式2创建正则表达式在这里插入代码片二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport ma原创 2021-04-10 19:35:50 · 165 阅读 · 0 评论 -
JavaScript语法阶段(9):String对象/String对象常用方法
文章目录一、String对象1.创建String对象2.访问String对象3.String对象方法(1)访问字符串中某个字符(2)替换字符(3)字符串分割(4)查找字符或字符串(5)大小写转换(6)字符串截取(7)移除开头空白、制表符(8)字符串连接总结一、String对象String 对象用于存储和处理文本(字符串),在JavaScript中字符串是一种只读的字符数组1.创建String对象(1) 创建String对象(方法1)var str=new String("Hello Strin.原创 2021-04-06 21:09:23 · 334 阅读 · 0 评论 -
JavaScript语法阶段(8):JS/JSON对象
文章目录一、JSON对象1.创建JSON对象2.JSON对象转JS对象二、JS对象1.创建JS对象2.JS对象赋值3.遍历JS对象4.js对象转JSON对象总结一、JSON对象JS对象表示方法,是一种轻量级的数据交换格式1.创建JSON对象格式:{“属性名”:属性值}{"brand":"苹果","price":6799,"supperDualSIM":true,"SupporNetwork":["5G","4G","3G","2G"]"":}2.JSON对象转JS对象方法:JS原创 2021-03-31 00:14:36 · 119 阅读 · 0 评论 -
JavaScript语法阶段(7):数组常用方法
文章目录一、数组方法pop() //删除push() //添加unshift() //添加shift() //删除toString() //转换join() //转换slice(start,end) //截取splice(index,len) //删除/添加reverse() //反序sort() //排序concat() //连接indexOf() //查找reduce() //累加器总结一、数组方法pop() //删除方法名描述pop()原创 2021-03-25 17:50:59 · 171 阅读 · 0 评论 -
JavaScript语法阶段(6):二维数组
文章目录一、二维数组1.创建2.访问3.遍历元素4.排序注意一、二维数组数组中存数组1.创建var fruits = [["1", "Banana"], ["2", "Orange"]];var element = ["3", "Apple"];fruits[2] = element;2.访问fruits[0] // ["1", "Banana"]fruits[0][1] // "Banana"3.遍历元素4.排序代码如下(示例):var arr = [["Alice",原创 2021-03-24 20:15:15 · 108 阅读 · 0 评论 -
JavaScript语法阶段(5):Math对象、数组
文章目录一、Math对象1.简介2.常用属性3.常用方法二、数组1.创建数组2.数组赋值3.数组访问4.数组方法总结一、Math对象1.简介Math对象能够进行比基本数学运算Math对象不需要生成对象的实例,可以直接访问它的属性和方法示例:Math.方法名()Math.属性名2.常用属性属性名描述E自然对数的底数LN22的自然对数LN1010的自然对数LOG2E以2为底的e的对数LOG10E以10为底的e的对数PI圆周率.原创 2021-03-24 19:44:27 · 179 阅读 · 1 评论 -
javaScript语法阶段(4):Data对象、定时器
文章目录一、Date对象1.创建Date对象2.Date对象常用方法二、定时器1.创建setTimeout()定时器2.创建setInterval()函数3.清除定时器总结一、Date对象JS内置了核心对象Date,该对象存储的日期为自 1970 年 1 月 1 日 00:00:00 以来的毫秒数,并且提供了一系列处理时间与日期方法1.创建Date对象基本格式:var 变量名=new Date();var 变量名=new Date(year,month,day,hours,minutes,se原创 2021-03-16 20:45:53 · 191 阅读 · 0 评论 -
javaScript语法阶段(3):循环、函数
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码原创 2021-03-15 00:02:44 · 124 阅读 · 0 评论 -
javaScript语法阶段(2):流程控制
文章目录一、javaScript语法1.变量2.变量命名规则3.数据类型4.常用方法二、流程控制1.运算符2.if语句2.三元表达式3.SWITCH语句总结一、javaScript语法1.变量JS为弱类型语言,常用变量类型(字符串、数字、布尔值、对象等)都声明为var2.变量命名规则第一位必须是字母可以包含字母、数字、下划线、美元符号$变量名不能是关键字或保留字通常情况下,统一使用小驼峰命名法(camelCase)变量声明代码如下(示例)://先声明后使用var x; x原创 2021-03-10 17:15:10 · 132 阅读 · 2 评论 -
javaScript语法阶段(1):概述
文章目录一、javaScript是什么?二、javaScript简介?1.javaScript能做什么2.读入数据总结欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入一、javaScrip原创 2021-03-04 23:04:45 · 252 阅读 · 1 评论 -
响应式布局-媒体查询
初步了解响应式布局文章目录初步了解响应式布局一、响应式页面是什么?二、实现响应式页面1.媒体查询@media 格式2.案例4.常用分辨率断点三、Web开发工具介绍1.常用编辑器2.常用浏览器总结一、响应式页面是什么?为适应不同分辨率屏幕,从而开发的能自动改变网页内容的大小、布局的页面二、实现响应式页面1.媒体查询@media 格式代码如下(示例):<style>@media (min-width:Xpx) and (max-width:Xpx){ /* CS原创 2021-03-03 19:10:40 · 354 阅读 · 1 评论