JavaScript
文章平均质量分 60
每天进步一点点
季布,
每一个你不满意的现在,都有一个你没有努力的曾经。
展开
-
客户端存储
客户端存储常用存储机制:Cookle1)优点:需要与服务器端交互,浏览器自动管理不同站点数据并发送到服务器端2)缺点:安全性受限,数据量受限(4KB),可用性受限,明文存储Web StorageHTML5新增,分为localStorage和sessionStorage1)优点:操作简单,不会自动发送到服务器端,存储空间大(浏览器可支持到10MB以上)2)缺点:安全性受限,永不过期,不区分站点,明文存储1.Cookie以键值对形式存储,在客户端通过document对象的cookie属性原创 2022-01-14 17:52:15 · 402 阅读 · 0 评论 -
JavaScript 自定义对象
一 ,使用object创建对象<script> // 创建对象 var stu = new Object() // 给对象添加属性 stu.name='jibu' stu[9527] = 'jibu' //特殊属性名使用中括号 // 为对象添加方法 stu.study = function(){ console.log('学习') }原创 2021-12-29 17:37:49 · 1649 阅读 · 1 评论 -
JavaScript 轮播图
实现使用定时器切换图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2021-12-28 16:05:41 · 88 阅读 · 0 评论 -
JavaScript 计数器
<script> var r = 0, l = 0; var timer function doStart() { // 点击开始的时候停止按钮不能点击 $('start').disabled = true; $('stop').disabled = false; timer = setInterval(functi...原创 2021-12-27 16:33:36 · 792 阅读 · 0 评论 -
JavaScript BOM
1.BOM简介1.JavaScript由三部分组成ECMAScript核心语法 ESDOM文档对象模型,核心对象是document,用来操作页面文档BOM浏览器对象模型,核心对象是window,用来操作浏览器2.window对象名称含义history有关客户访问过的URL信息location有关当前URL信息,子级DOM对象document表示浏览器窗口的HTML文档,字级DOM对象常用方法:方法名含义alert(text原创 2021-12-27 15:43:07 · 407 阅读 · 0 评论 -
JavaScript 小demo
案例:实现一个用户管理系统HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2021-12-26 14:03:50 · 341 阅读 · 0 评论 -
JavaScript 事件处理
事件处理事件发生在HTML元素上的事情,可以是用户行为,也可以是浏览器的行为用户点击了某个HTML元素用户将鼠标移动到某个HTML元素上用户输入数据时光标离开页面加载完成事件源:时间触发的源头,即触发事件的元素,如按钮,输入框,超链接事件对象:当一个事件发生时,这个事件相关的详细信息会被保存到一个对象中,称为event对象事件监听:监听事件的发生,绑定事件函数,当事件触发后执行该事件函数,即回调函数绑定事件三种方式:静态绑定,通过为标签的事件属性赋值<input ty原创 2021-12-26 10:45:52 · 749 阅读 · 0 评论 -
JavaScript DOM
DOM简介浏览器加载HTML文档时,会将HTML文档解析为一个树形结构,称为DOM树HTML文档和DOM树是一一对应的关系当DON树被改变时,与之对应的HTML文档也会随之改变当需要对HTML中内容进行动态改变时,可以使用DOM来进行操作DOM提供了一组用来操作HTML文档的API,即提供一套属性,方法和事件树上的每一个节点都是一个DOM对象,树的顶层为document对象,表示整个文档...原创 2021-12-18 12:27:36 · 836 阅读 · 0 评论 -
SEO页面性能优化
前言正常情况下我们打开某个浏览页面时,页面加载的速度越快那么给我们的体验感就越好,如果打开某个目标网页需要的时间比较长会产生较差的使用体验。为了方便开发者在开发过程中对页面进行优化,总结以下几点关键子资源耗时较严重1.清除不必要的资源,避免进行不必要的下载定期审核网页上的资源是否是必须的,评估该资源的价值与性能影响。网页中往往会包含一些冗余的资源,影响网页性能的同时还无法给网页带来价值,可以考虑清除不必要的资源,避免不必要的资源下载带来的性能上的消耗2.使用代码拆分减少JS负载部分网站可能将所有原创 2021-12-15 14:27:16 · 1213 阅读 · 0 评论 -
JavaScript 时间间隔函数setinterval
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。语法格式:函数:每隔1000毫秒执行一次function;setinterval(“function()",1000)实例setInterval(function(){ var date=new Date(); var year=date.getFullYear(); //获取当前年份 var month=date.getMonth()+1; //获取当前月份原创 2021-12-14 14:46:32 · 2733 阅读 · 2 评论 -
Javascript 函数
函数函数是用来完成特定功能的代码块,可以被调用执行多次,实现复用原创 2021-12-11 13:53:15 · 649 阅读 · 0 评论 -
JavaScript 数组
数组数组就是用来存储一组数据的声明一个变量就是在内存空间划出一块合适的空间声明一个数组就是在内存种划出一串连续的空间数组三要素数组名称:用以区分不同的数组数组元素:向数组种存放数据元素下标:数组元素的编号,也成为所有从0开始,通过下标访问数组元素基本用法创建数组var 数组名=new Array()2.为数组元素赋值数组名[索引]=元素值3.获取元素值数组名[索引]length属性数组名.length 获取数组的长度,即数组中元组个数数组名.length =2原创 2021-12-07 22:42:52 · 123 阅读 · 0 评论 -
JavaScript 程序循环结构
选择结构单分支的if结构if(条件){条件满足后执行的代码}如果大括号中只有一条语句,此时可以省略大括号,但是强烈不建议这样写if(条件) console.log('点点点')二分支if结构语句if (条件){条件满足后执行的代码}else{条件不满足后执行的代码}多分支if结构语句if(条件1){代码1}else if(条件2){代码2}......else{以上条件都不满足执行的代码}switch结构var today=1switch(t原创 2021-12-05 15:10:52 · 661 阅读 · 0 评论 -
JavaScript 数据类型转换
1.强制类型转换也成为显示转换1.1 转换为number使用Number()如果内容可以转换成数字,则返回对于的数字(0整数或小数)如果内容不可以转换成数字,则返回NaN如果内容为空,则返回0使用parseInt()会从第一个字符开始解析,直到遇到非数字符号停止,并返回已解析的部分数值console.log(parseInt('123ab')) #123将内容转换成整数(直接去掉小数)使用parseFloat()将内容转换成小数1.2 转换成string拼接字符串"原创 2021-11-30 11:58:11 · 409 阅读 · 0 评论 -
JavaScript 运算符
变量和数据类型1 变量在程序运行过程中其值可以改变的量,是一个数据存储空间的表示,即给内存空间起别名将数据通过变量进行存储,以便程序随时使用,通俗的说变量就是用来存储数据的(数据的内存地址)。Javascript是若变量类型的语言,声明变量只需要使用var关键字// 1. 定义变量var name = "tom";var age = 19;// 也可以这样 先声明再赋值var sex; //声明sex="男" //赋值//2.调用变量console.log(name)原创 2021-11-29 18:03:32 · 167 阅读 · 0 评论 -
JavaScript 简介及引入方式
JavaScript简介用来制作wdb页面交互效果,提升用户体验。运行在浏览器的脚本语言(目前只有这一种)脚本语言:不需要编译,可以直接运行的语言。注:web前端三层结构层 HTML 从语言的角度,描述页面结构样式层 CSS 从审美角度,美化页面行为层 JavaScript 从交互的角度,提升用户体验JavaScript和ECMAScript的关系ECMAScript是由欧洲计算机制作商协会制定的标准ECMAScript并不是一门语原创 2021-11-27 18:18:05 · 890 阅读 · 0 评论 -
使用JS和Jquery两种不同方式实现下拉框数据是否被选中
使用JS和Jquery两种不同方式实现下拉框的值是否被选中,也就是下拉框没有为空则不选,不为空则必选使用jquery方式实现#在表单中返回定义的方法 <form method="post" action="../cus_add/" onsubmit="return validate_form()"> # 在下拉框select中定义一个id,后面用以选择 <select style="width: 70%" class="form-control" name="test"原创 2021-06-21 10:11:26 · 1043 阅读 · 2 评论