- 博客(39)
- 收藏
- 关注
RSS订阅原创 JavaScript的尺寸
打印屏幕高度 console.log(window.screen.availHeight);打印浏览器高度 console.log(window.innerHeight);window.screen.availWidth 屏幕宽度。window.screen.availHeight 屏幕高度。
2024-04-11 18:30:00
211
原创 JavaScript声明变量的几种方式
4. import命令具有提升效果，会提升到整个模块的头部，首先执行（因为import命令是在编辑阶段执行的，在代码运行之前）；let没有变量提升，不可重复声明，变量需要先声明后再使用，否则会报错；let是块级作用域；1. import命令接受一对大括号，其里面的变量名必须与被导入的模块对外的名称相同；var有变量提升，var可重复声明；没有块的概念，可以跨块访问，不能跨函数访问；let 同样是块级作用域，不可重复声明，没有变量提升。3. import命令输入的变量都是只读的；定义的变量，一旦定义后，就。
2024-04-09 10:07:50
438
原创 JavaScript 输出与弹框
中的警告弹框，该语句会将内容以弹窗的形式提示用户。中常用的调试语句，该语句会将内容输出到控制台的。中的输出语句，该语句会将内容输出到页面上，并且。
2024-04-09 08:03:31
242
原创 js怎样控制浏览器前进、后退、页面跳转
-这种方法可以控制页面前进或后退，其参数为正数时前进，负数时后退，为0时刷新当前页面。-这种方法可以直接改变当前页面的地址，不打开新的标签页。--这种方法可以打开新的标签页并在新标签页跳转到页面。--这种方法可以返回上一个页面，相当于浏览器的后退。
2024-04-08 23:38:25
336
原创 js常用的几种事件
onmousedown鼠标按钮被按下、onmouseup鼠标按键被松开、onmousemove鼠标被移动、onmouseover鼠标移动到某元素上、onmouseout鼠标从某元素移开。:onkeydowm某个按键被按下、onkeyup某个按键被松开、onkeypress某个键盘按键被按下并松开选择和改变事件:onchange域的内容被改变、onselect文本被选中。:onsubmit提交按钮被点击、onreset重置按钮被点击、oninput在input框被输入内容时。
2024-04-08 23:31:49
171
原创 JavaScript的命名规则
2.js语法以分号或换行符结尾。命名规范:使用大写字母和下划线来组合命名，下划线用来分隔单词。4.类&构造函数:命名方法:大写驼峰式命名法，首字母大写。私有属性和方法:前缀为下划线_，后面跟公共属性和方法一样。首字母小写，后边单词的首字母大写。单词与单词中间以下划线链接。(1)公共属性和方法:跟变量和函数命名一样。3.函数&方法:命名方法:小驼峰式命名法。1.变量:命名方法:小驼峰式命名法。2.常量:命名方法:名词全部大写。命名规范:前缀应该为动词。命名规范:前缀为形容词。命名规范:前缀为名称。
2024-04-08 23:28:13
343
原创 JavaScript 书写位置
期维护，复用性不强，如果下一个元素有同样的功能，就造成代码重复性很高。代码比较集中，耦合度较低，便于维护，但仅限于当前页面的使用，无法被。耦合度，便于代码的维护和扩展，还有利于代码的复用。，这种方式的结构、行为分离不够彻底，不利于后。分为三种使用方法，分别为行内，内嵌，外部。代码实现有效分离，降低。
2024-04-08 22:41:02
350
原创 JavaScript的事件对象
官方解释：event 对象代表事件的状态，比如键盘按键的状态、鼠标的位置、鼠标按钮的状态等。简单理解：事件发生后，跟事件有关的一系列信息数据的集合都放到整个对象里面，这个对象就是事件对象event，它有很多属性和方法。事件可以由用户操作触发，例如：鼠标事件、键盘事件等等；也可以通过 JS 脚本代码来触发，例如：通过element.click()方法，触发对应元素的点击事件；还可以由API生成，例如：动画完成后触发对应事件、视频播放被暂停时触发对应事件；最后还可以通过自定义事件来进行触发。
2024-04-08 18:00:00
666
原创 JavaScript 事件流
同样是以上示例，document对象会先接收到click事件，然后沿着DOM树向下传播到事件的目标元素，捕获顺序为：document -> html -> body -> div，浏览器都是从window对象开始捕获的。与HTML之间的交互是通过事件实现的，而用户与浏览器页面的互动也是通过事件来实现的事件就是文档或浏览器窗口中发生的一些特定的交互瞬间，所以分为两种事件，一是发生在。页面触发一个事件时，会按照一定的顺序来响应事件，事件的响应过程为事件流。是目标元素接受事件，然后逐级向上传播到顶级元素为止。
2024-04-05 23:33:09
548
原创 jQuery的作用及入口函数
(1) jQuery ：简洁、快速、灵活跨浏览器的JavaScript库，即js文件，由John Resig在2006年1月正式发布。(2) jQuery强调的理念是“write less,do more”(3) 进入jQuery官方网站http://jquery.com下载最新的jQuery库文件。(4) jQuery文件不需要安装，把下载的js文件放在网站上的一个公共位置，当某个页面上使用jQuery时，只需在相关的HTML文档中引入该库文件即可，就可以使用jQuery的功能。
2024-03-30 08:59:30
304
原创 jQuery简介
是一个快速，小型且功能丰富的JavaScript库。借助易于使用的API（可在多种浏览器中使用），使HTML文档的遍历和操作，事件处理，动画和Ajax等事情变得更加简单。jQuery是JavaScript的一个工具库，工具库就是指封装好的JavaScript函数，可以直接在程序中进行调用，那jQuery就是一款非常流行的JavaScript库。jQuery设计的宗旨是“写更少的代码，做更多的事情”。
2024-03-29 23:21:36
657
1
原创 分页功能制作
以下为分页功能结构，下面可以点击上一页，下一页及数字，还可以自己输入想要跳转的页面点击跳转。下面每页显示的内容也会跟着改变。还可以选择不同的每页显示数据的条数。默认为每页五条数据。使用HTML，css，js和json假数据制作分页功能。
2024-03-27 10:08:25
249
原创 JavaScript 地址信息与页面跳转及跳转传参
window.location.href = ‘URL’ 通过改变 location.href。window.location.replace(‘URL’) 通过 location.replace。window.location.assign(‘URL’) 通过 location.assign。window.location.href 返回当前页面的。
2024-03-17 15:52:27
481
原创 JavaScript BOM 的概念(浏览器对象模型）
和浏览器进行交互，可以获取屏幕尺寸，窗口大小，页面地址，历史记录等浏览器相关信息，也可以控制浏览器执行某些。window.close() 关闭当前窗口。window.resizeTo() 调整当前窗口的尺寸。window.moveTo() 移动当前窗口。行为：弹出信息，页面跳转，打开窗口，关闭窗口，调整窗口大小等。全局变量、全局函数会自动成为。
2024-03-16 17:22:05
398
原创 jQuery改变元素的方法
("选择器").css("属性","属性值") 例：$("#test1").css("border","3px solid red")；css方法有返回值,返回值就是设置这个方法的元素本身 例:$(".c1").css("opacity",1).siblings(".c2").css("opacity",0.4)；1.获取HTML元素 $('标签').text() 例：console.log($('p').text());
2024-03-10 17:51:12
951
原创 jQuery的选择器有几种？
选择所有name名称以X结尾的标签 ：$("标签[name\\$='X']") 例：$("div[name\\$='html']")选择所有name名称以X开头的标签 ：$("标签[name^='X']") 例：$("div[name^='en']")选择所有name名称中含有X的标签 ：$("标签[name*='X']") 例：$("div[name*='o']")选择所有name名称为X的标签：$("标签[name='X']") 例：$("div[name='p1']")
2024-03-06 14:08:06
521
原创 点击输入框，获取提示信息
https://img-blog.csdnimg.cn/direct/93f9b210b78b4e53a779710d716b3194.jpeg
2024-03-01 22:55:44
589
原创 点击按钮，向下添加目录。Java script+jQuery写法
Java script执行代码。先通过标签获取ol全部内容。在ol下面继续添加内容。jQuery执行代码。
2024-02-28 09:31:47
649
1
原创 JS三级联动功能制作
HTML部分 写一个框架 通过js渲染 就可以不用HTML的内容。使用js写的三级联动 有两个城市：河南，广东；JS部分 代码及伪代码。河南，广东三级联动完成。
2024-02-01 08:44:53
474
1
原创 JavaScript 数据类型
字符串长度：字符串是由若干个字符组成的，这些字符的数量就是字符串的长度。拼接前会把与字符串相加的任意类型转化为字符串，再拼接成一个新的字符串。字符串转义符：当我们想要在字符串中写入。一个变量声明后没有赋值会有一个默认值。表示为未定义，应该有值，但是没有赋值。进行拼接，其拼接方式为 字符串。（如果相连或者相加时，注意结果）布尔类型和数字型相加的时候，多个字符串之间可以使用。
2024-01-19 08:56:20
688
1
原创 小猴吃桃子
一个猴子有一天摘了很多桃子，当天吃了一半，还觉得不过瘾，又多吃了一个，后边每天都吃了剩下桃子的一半多加一个，第十天还没有吃的时候发现只剩下一个桃子了，问一开始摘了多少桃子？使用反推思路：第十天剩一个，第九天的桃子数量是(1+1）*2=4,第九天没吃时剩下4个桃子，在代码中，a为桃子的数量，i为吃桃的天数，天数大于1。这样可以算出第八天，第七天等。
2024-01-18 14:18:17
656
2
原创 一个小球从100米落下，每次落下弹起的高度是上一次的一半，问需要几次后高度小于10米?
【代码】一个小球从100米落下，每次落下弹起的高度是上一次的一半，问需要几次后高度小于10米?
2024-01-17 17:29:22
452
1
原创 JavaScript 本地存储
localStorage.length 获取所有本地 localStorage 的数量。) 通过下标获取存储记录的名称。’) 存值，如果使用相同的名字，那么会覆盖以前的值。’) 删值，删除指定名称的存储记录。在谷歌浏览器中，本地存储的值可以在控制台的。判断本地存储是否有某个名称，有则返回。使用方法相同，这里只演示。
2024-01-14 23:50:14
571
1
原创 AJAX使用和固定格式
生变化时会自动调用该方法。onreadystatechange 该方法可以定义响应执行函数，当 readyState。responseText 响应文本（返回的数据）实现了在页面不刷新的情况下和服务器进行交互。对象，是这个对象使得浏览器可以发出。方法指定要请求的地址、类型和方式。其中最核心的依赖是浏览器提供的。请求地址：服务器（文件）位置。请求已完成且响应已就绪。
2024-01-08 14:58:20
1101
1
原创 JS九行代码实现1~10猜数字游戏
这里我使用了随机数*10 且向上取整的方式实现1~10之间的随机数。使用三元表达式写出条件，是不是又快又简单！
2023-12-27 14:26:12
636
3
原创 JavaScript 改变 HTML 元素
改变元素的内容（包含内部标签）可识别标签。元素.innerHTML = 内容。改变 HTML元素的属性值。
2023-12-26 09:02:40
168
1
原创 JavaScript 获取 HTML 元素方法
4.document.getElementsByName(‘name’) 通过表单元素中 name 名查找元素。2.document.getElementsByTagName(‘name’) 通过标签名来查找元素。3.document.getElementsByClassName(‘class’) 通过类名来查找元素。选择器获取到的元素是唯一的，其余的选择。选择器获取匹配上的第一个元素。的方式确定我们需要操作的元素。选择器获取匹配上的所有元素。
2023-12-24 09:32:43
214
原创 JavaScript 事件的绑定
事件处理程序以冒泡模式触发；从最内层的节点开始触发事件，逐级冒泡。表示事件处理程序以捕捉模式触发；从顶层的父节点开始触发。此方法可以重复绑定相同的事件，或是绑定多个事件，并且。直到顶层节点，从内向外传播。事件，从外到内传播。
2023-12-21 14:07:31
177
原创 JavaScript 特殊函数
闭包函数就是函数中套了一个函数，内层函数可以访问外层函数中的变量。：一般的函数，调用完毕之后，系统自动注销函数，而对于闭包来说，在外部函数被。使用闭包会占有内存资源，过多的使用闭包会导致内存溢出等缺点。：外界无法访问闭包内部的数据，除非闭包主动向外界提供访问端口。闭包函数主要用于封装变量，收敛权限，防止变量污染。自执行函数严格来说也叫函数表达式（又因为自执行函数不能被调用，被称为一次性函数。调用之后，闭包结构依然存在。的垃圾回收机制进行回收。需调用，在程序加载时会。
2023-12-15 09:55:15
33
原创 JavaScript 函数中break，continue，return 的区别
return: 不仅可以终止当前函数体内的代码，还能返回 return 语句后面的值。continue: 跳出本次循环，继续执行下次循环function fun() {break: 结束当前的循环体 (如 for、while)输出的值为：（执行到5，停止向下执行）输出的值为：（执行到5直接全部停止 ）输出的值为：（跳过5，继续向下执行）
2023-12-14 20:09:33
46
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人