前端
关注
分享
扫一扫
梓曦羽
这个作者很懒，什么都没留下…
展开
-
选中和未选中实现动态类名改变
动态类名原创 2023-02-17 15:01:24 · 161 阅读 · 0 评论 -
json日期数据处理
json日期数据处理json不能存储Date对象，需要用字符串表示var jstr = '{ "name" : "wust", "initDate" : "1898-03-16"}';var obj = JSON.parse(jstr); //转换为js对象obj.initDate = new Date(obj.initDate); //还原为·Date 类型console.log( obj.initDate.toLocaleDateString() ) //控制台显示：'1898/3/16'.原创 2020-11-27 14:57:24 · 402 阅读 · 0 评论 -
JSON.parse()用法
JSON.parse()用法JSON.parse()方法将JSON格式字符串转换为js对象(属性名没有双引号)。解析前要保证数据是标准的JSON格式，否则会解析出错。var jstr = '{"name":"wust", "url":"www.wust.edu.cn", "age":120}'var obj = JSON.parse(jstr);// 结果 obj= { name:"wust", url:"www.wust.edu.cn", age:120 }var jarrstr = '.原创 2020-11-27 14:56:53 · 57320 阅读 · 0 评论 -
JSON对象
1. JSON：JavaScript Object NotationJSON 是轻量级的数据交换格式 (纯文本)JSON 比 XML 更小、更快，更易解析JSON语法JSON语法是JS对象表示语法的子集，有如下特点：数据在键值对中(键名即属性名必须加双引号)数据由逗号分隔花括号保存对象方括号保存数组JSON 可通过 JavaScript 进行解析JSON 值可以是：数字、字符串、逻辑值、数组(在中括号中)、对象(在大括号中)、null注意JSON不能存储Date对象，如果需要原创 2020-11-27 14:38:25 · 2183 阅读 · 0 评论 -
浏览器对象
1.window对象window对象是最顶层对象，不但充当全局作用域，而且表示浏览器窗口。主要属性：window.innerWidth：浏览器窗口的内部宽度window.innerHeight：浏览器窗口的内部高度内部宽高是指除去菜单栏，工具栏，边框等占位元素后，用于显示网页的净宽高window.outerWidth：浏览器窗口的整个宽度window.outerHeight：浏览器窗口的整个高度window对象常用方法常用函数：alert()：警告框con原创 2020-11-26 22:54:26 · 397 阅读 · 0 评论 -
js ==与===
==：只比较值===：既比较值还比较类型原创 2020-11-26 21:02:29 · 505 阅读 · 0 评论 -
DOM 常用事件（详解）
1.onload事件：页面或图像加载完成后立即发生<script>function load(){alert("页面已加载！");}</script><body onload="load()"><h1>Hello World!</h1></body>用匿名函数实现：常用<script>window.onload=function(){//窗口加载完毕触发此函数alert("页面已加载！");}.原创 2020-11-26 20:44:44 · 3244 阅读 · 0 评论 -
DOM操作（增删改查）详解
一、DOM操作1.DOM概念当网页被加载时，浏览器会创建页面的文档对象模型DOMDOM：Document Object Model注:DOM说明在DOM中，每个东西都是节点：文档本身就是一个文档对象所有html元素都是元素节点所有html属性都是属性节点插入到html元素文本是文本节点（包括空格，回车，换行等）注释是注释节点2. DOM操作注：在DOM加载完之后再执行相关js操作DOM四大操作：查找、更新、添加、删除通过DOM，JavaScript 可创建动态的 HTML原创 2020-11-26 10:28:09 · 3831 阅读 · 0 评论 -
document.querySelector
document.querySelector 这个document对象的querySelector是HTML5API新定义的方法如果是id选择器传放一个参数“#id”id选择器返回这个节点元素对象如果是class的选择器则传入一个".class"class选择器返回document节点或id节点元素对象中的第一个元素获取文档中id=”container”的元素<!DOCTYPE html><html lang="en"><head> &.原创 2020-11-08 17:43:22 · 3601 阅读 · 1 评论 -
html查漏补缺
列表 – 无序列表ulul 样式可以去掉实心圆：style=“list-style-type: none”list-style-type部分取值：none：无标记disc：实心圆(默认)circle：空心圆square：实心方块lower-roman：小写罗马数字原创 2020-11-08 17:11:52 · 140 阅读 · 0 评论 -
nav,section,div标签
用来将具有导航性质的链接划分在一起，使代码结构在语义化方面更加准确，同时对于屏幕阅读器等设备的支持也更好。一直以来，我们习惯于使用形如或这样的代码来写页面的导航；在HTML5中，我们可以直接将导航链接列表放到<nav>标签中：<nav><a>首页</a><a>文章</a><a>关于</a></nav>跟以前用div写是一样的用法：<div class="nav"><..原创 2020-11-08 17:10:27 · 1486 阅读 · 2 评论 -
css中常用方法总结
CSS 提供了 text-indent 属性，该属性可以方便地实现文本缩进。通过使用 text-indent 属性，所有元素的第一行都可以缩进一个给定的长度，甚至该长度可以是负值。这个属性最常见的用途是将段落的首行缩进。在设计一个网页的时候，有时候为了让页面的可读性更好，更加美观；就会使用到letter-spacing属性；letter-spacing属性是增加（值为正）或减少（值为负）字符间距；也就是说当应用在英文时，就是增加或减少每个字母之间的间距，在中文文字中应用就是每个文字之间的间距。例：.原创 2020-10-21 19:58:07 · 541 阅读 · 0 评论 -
CSS3入门基础（详解）
CSS3入门基础详解一、基本概念css:层叠样式表(Cascading Style Sheets)样式定义如何显示html元素样式是为了解决内容与表现分离的问题多个样式定义可层叠为一样式通常存储在css文件中css3是最新上午css标准二、样式定义形式内联样式：嵌在元素的style属性中定义（局部）内部样式：在<style>标签中定义（页面级）外部样式：在css文件中定义（可被多个页面调用）1. 内联样式margin-left:20px，元素的左外边距注：不要在原创 2020-10-03 16:54:26 · 3745 阅读 · 3 评论 -
JavaScript入门基础（详解一）
前言JavaScript是一种广泛用于 Web 编程的轻量级脚本语言，被设计为向 HTML 页面增加交互性。JavaScript标准：由ECMAScript制定，简称ES。ES6：2015.6月发布，目前最新 ES9。JavaScript基本特点是一种解释性脚本语言（代码不进行预编译）主要用来向HTML页面添加交互行为可直接嵌入HTML页面，单单独写成js文件有利于结构和行为的分离基于对象的事件驱动的简单弱类型脚本语言跨平台性：在绝大多数浏览器的支持下，可在多种平台下原创 2020-10-02 11:11:31 · 784 阅读 · 0 评论 -
html入门基础(详解）
html入门基础1.HTML：是一种用于创建网页的超文本标记语言(Hyper Text Markup Language)“超文本”就是指页面可以包含图片，链接，甚至音乐，视频，程序等非文字元素。◼ HTML语言是Web的基础，可以说Internet是建立在HTML基础之上的。◼ HTML5是新一代HTML标准，大部分浏览器已经支持。...原创 2020-09-30 10:10:57 · 4011 阅读 · 5 评论