JavaScript语法集锦脚本之家基础推荐
作者:小老虎颖儿 | 来源:互联网 | 2022-03-31 00:58
JavaScript语法集锦是对javascript常用函数的一些小结,比较实用,建议收藏,方便查找需要的资料。
click() 对象.click() 使对象被点击。 closed 对象.closed 对象窗口是否已关闭true/false clearTimeout(对象) 清除已设置的setTimeout对象 clearInterval(对象) 清除已设置的setInterval对象 confirm("提示信息") 弹出确认框,确定返回true取消返回false cursor:样式 更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize event.clientX 返回最后一次点击鼠标X坐标值; event.clientY 返回最后一次点击鼠标Y坐标值; event.offsetX 返回当前鼠标悬停X坐标值 event.offsetY 返回当前鼠标悬停Y坐标值 document.write(document.lastModified) 网页最后一次更新时间 document.Ondblclick=x 当双击鼠标产生事件 document.Onmousedown=x 单击鼠标键产生事件 document.body.scrollTop; 返回和设置当前竖向滚动条的坐标值,须与函数配合, document.body.scrollLeft; 返回和设置当前横向滚动务的坐标值,须与函数配合, document.title document.title="message"; 当前窗口的标题栏文字 document.bgcolor document.bgcolor="颜色值"; 改变窗口背景颜色 document.Fgcolor document.Fgcolor="颜色值"; 改变正文颜色 document.linkcolor document.linkcolor="颜色值"; 改变超联接颜色 document.alinkcolor document.alinkcolor="颜色值"; 改变正点击联接的颜色 document.VlinkColor document.VlinkColor="颜色值"; 改变已访问联接的颜色 document.forms.length 返回当前页form表单数 document.anchors.length 返回当前页锚的数量 document.links.length 返回当前页联接的数量 document.Onmousedown=x 单击鼠标触发事件 document.Ondblclick=x 双击鼠标触发事件 defaultStatus window.status=defaultStatus; 将状态栏设置默认显示 function function xx(){...} 定义函数 isNumeric 判断是否是数字 innerHTML xx=对象.innerHTML 输入某对象标签中的html源代码 innerText divid.innerText=xx 将以div定位以id命名的对象值设为XX location.reload(); 使本页刷新,target可等于一个刷新的网页 Math.random() 随机涵数,只能是0到1之间的数,如果要得到其它数,可以为*10,再取整 Math.floor(number) 将对象number转为整数,舍取所有小数 Math.min(1,2) 返回1,2哪个小 Math.max(1,2) 返回1,2哪个大 navigator.appName 返回当前浏览器名称 navigator.appVersion 返回当前浏览器版本号 navigator.appCodeName 返回当前浏览器代码名字 navigator.userAgent 返回当前浏览器用户代标志 onsubmit Onsubmit="return(xx())" 使用函数返回值 opener opener.document.对象 控制原打开窗体对象 prompt xx=window.prompt("提示信息","预定值"); 输入语句 parent parent.框架名.对象 控制框架页面 return return false 返回值 random 随机参数(0至1之间) reset() form.reset(); 使form表单内的数据重置 split("") string.split("") 将string对象字符以逗号隔开 submit() form对象.submit() 使form对象提交数据 String对象的 charAt(x)对象 反回指定对象的第多少位的字母 lastIndexOf("string") 从右到左询找指定字符,没有返回-1 indexOf("string") 从左到右询找指定字符,没有返回-1 LowerCase() 将对象全部转为小写 UpperCase() 将对象全部转为大写 substring(0,5) string.substring(x,x) 返回对象中从0到5的字符 setTimeout("function",time) 设置一个超时对象 setInterval("function",time) 设置一个超时对象 toLocaleString() x.toLocaleString() 从x时间对象中获取时间,以字符串型式存在 typeof(变量名) 检查变量的类型,值有:String,Boolean,Object,Function,Underfined window.event.button==1/2/3 鼠标键左键等于1右键等于2两个键一起按为3 window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值) window.screen.height 返回当前屏幕高度(分辨率值) window.document.body.offsetHeight; 返回当前网页高度 window.document.body.offsetWidth; 返回当前网页宽度 window.resizeTo(0,0) 将窗口设置宽高 window.moveTo(0,0) 将窗口移到某位置 window.focus() 使当前窗口获得焦点 window.scroll(x,y) 窗口滚动条坐标,y控制上下移动,须与函数配合 window.open() window.open("地址","名称","属性") 属性:toolbar(工具栏),location(地址栏),directions,status(状态栏), menubar(菜单栏),scrollbar(滚动条),resizable(改变大小), width(宽),height(高),fullscreen(全 屏),scrollbars(全屏时无滚动条无参 数,channelmode(宽屏),left(打开窗口x坐标),top(打开窗口y坐标) window.location = \'view-source:\' + window.location.href 应用事件查看网页源代码; a=new Date(); //创建a为一个新的时期对象 y=a.getYear(); //y的值为从对象a中获取年份值 两位数年份 y1=a.getFullYear(); //获取全年份数 四位数年份 m=a.getMonth(); //获取月份值 d=a.getDate(); //获取日期值 d1=a.getDay(); //获取当前星期值 h=a.getHours(); //获取当前小时数 m1=a.getMinutes(); //获取当前分钟数 s=a.getSeconds(); //获取当前秒钟数 对象.style.fOntSize="文字大小"; 单位:mm/cm/in英寸/pc帕/pt点/px象素/em文字高 1in=1.25cm 1pc=12pt 1pt=1.2px(800*600分辩率下) 文本字体属性: fontSize大小 family字体 color颜色 fontStyle风格,取值为normal一般,italic斜体,oblique斜体且加粗 fontWeight加粗,取值为100到900不等,900最粗,light,normal,bold letterSpacing间距,更改文字间距离,取值为,1pt,10px,1cm textDecoration:文字修饰;取值,none不修饰,underline下划线,overline上划线 background:文字背景颜色, backgroundImage:背景图片,取值为图片的插入路径 点击网页正文函数调用触发器: 1.onClick 当对象被点击 2.onLoad 当网页打开,只能书写在body中 3.onUnload 当网页关闭或离开时,只能书写在body中 4.onmouseover 当鼠标悬于其上时 5.onmouseout 当鼠标离开对象时 6.onmouseup 当鼠标松开 7.onmousedown 当鼠标按下键 8.onFocus 当对象获取焦点时 9.onSelect 当对象的文本被选中时 10.onChange 当对象的内容被改变 11.onBlur 当对象失去焦点 Onsubmit=return(ss())表单调用时返回的值 直线 border-bottom:1x solid black 虚线 border-bottom:1x dotted black 点划线 border-bottom:2x dashed black 双线 border-bottom:5x double black 槽状 border-bottom:1x groove black 脊状 border-bottom:1x ridge black 1.边缘高光glow(color=颜色,strength=亮光大小) 2.水平翻转fliph() 使对象水平翻转180度 3.垂直翻转flipv() 使对象垂直翻转180度 4.对象模糊blur(add=true/false direction=方向 strength=强度) add指定是否按印象画派进行模糊direction模糊方向strength模糊强度 5.对象透明alpha(opaction=0-100,finishopacity=0-100,否",1表"是". direction设置模糊的方向.0度表垂直向上,45度为一个单位.默认值是向左270度.left,right,down,up. strength 只能用整数来确定.代表有多少个像素的宽度将受到模糊影响.默认是5个. color要透明的颜色. offx,offy分别是x,y 方向阴影的偏移量. positive指投影方式.0表透明像素生成阴影.1表只给出不透明像素生成阴影.. AddAmbient:加入包围的光源. AddCone:加入锥形光源. AddPoint加入点光源 Changcolor:改变光的颜色. Changstrength:改变光源的强度. Clear:清除所有的光源. MoveLight:移动光源. freq是波纹的频率,在指定在对象上一区需要产生多少个完事的波纹. lightstrength可对于波纹增强光影的效果.显著0~100正整数,正弦波开始位置是0~360度.0表从0度开始,25表从90度开始. strength表振幅大小.
推荐阅读
Windows环境下详细教程:如何搭建Git服务 ...
[详细]
蜡笔小新 2024-10-28 17:31:26
在 Python 中,魔法方法 `__dict__` 和 `__getattr__` 具有重要的作用和灵活的应用。`__dict__` 是一个用于存储对象属性的字典,其中键为属性名,值为对应的属性值。通过 `__dict__`,可以动态地访问和修改对象的属性。而 `__getattr__` 方法则在尝试访问对象中不存在的属性时被调用,提供了一种优雅的处理方式,避免了属性访问错误。这两个魔法方法在实现复杂的数据结构和动态行为时尤为有用。 ...
[详细]
蜡笔小新 2024-10-28 17:45:02
对于内存仅为512MB、硬盘80GB的老旧设备,部署Ubuntu Server毫无压力。然而,许多平台仅支持CentOS系统,而CentOS默认要求1GB以上内存才能使用图形界面安装。实际上,安装完成后,即使内存低至256MB也能正常运行。此外,通过优化系统配置和减少不必要的服务,可以进一步提升系统性能,确保在资源受限的环境中稳定运行。 ...
[详细]
蜡笔小新 2024-10-27 20:40:13
本文详细探讨了jQuery的事件处理机制及其应用技巧,通过具体的代码示例,逐一解析了每个jQuery代码片段与其对应的HTML结构。文章以标记为基准,CSS作为通用样式,确保每段代码都能独立运行。HTML和CSS代码统一放置在文章末尾,方便读者参考和实践。 ...
[详细]
蜡笔小新 2024-10-27 14:27:52
新年伊始,正是学习的最佳时机。本文全面解析了CK1957-Zookeeper的核心概念与实践技巧,旨在帮助初学者快速掌握这一深度学习工具。通过详细的理论讲解和实际操作示例,读者可以更好地理解Zookeeper的工作原理及其在分布式系统中的应用。无论是新手还是有一定基础的学习者,都能从中受益匪浅。 ...
[详细]
蜡笔小新 2024-10-31 18:21:06
本文提供了 MySQL 数据源配置的优化指南,详细介绍了如何通过正确的命令安装 MySQL 源码分发版。首先,需要创建一个名为 `mysql` 的用户组,然后添加一个同名的用户到该组中,以确保系统权限设置正确。这些步骤是确保 MySQL 稳定运行的基础。 ...
[详细]
蜡笔小新 2024-10-31 18:09:25
本文深入探讨了在 Vue 框架中利用 `$route.params` 进行参数传递的方法和技巧。通过详细解析 `$route.params` 的工作机制及其与 `$route.query` 的区别,帮助开发者更好地理解和应用这一功能。文章不仅涵盖了基本的使用方法,还提供了实际案例和最佳实践,以便读者能够灵活运用这些技术,提升开发效率和代码质量。 ...
[详细]
蜡笔小新 2024-10-31 17:59:47
作为140字符的开创者,Twitter看似简单却异常复杂。其简洁之处在于仅用140个字符就能实现信息的高效传播,甚至在多次全球性事件中超越传统媒体的速度。然而,为了支持2亿用户的高效使用,其背后的技术架构和系统设计则极为复杂,涉及高并发处理、数据存储和实时传输等多个技术挑战。 ...
[详细]
蜡笔小新 2024-10-31 17:58:20
在Ubuntu系统中,由于预装了MySQL,因此无需额外安装。通过命令行登录MySQL时,可使用 `mysql -u root -p` 命令,并按提示输入密码。常见问题包括:1. 错误 1045 (28000):访问被拒绝,这通常是由于用户名或密码错误导致。为确保顺利连接,建议检查MySQL服务是否已启动,并确认用户名和密码的正确性。此外,还可以通过配置文件调整权限设置,以增强安全性。 ...
[详细]
蜡笔小新 2024-10-31 17:57:01
本文深入探讨了Oracle数据库字符集编码的详细方法与实践。首先,通过执行 `SELECT USERENV('language') FROM DUAL;` 查询服务端字符集编码。其次,通过在注册表中搜索 `NLS_LANG` 参数来查看客户端字符集编码。此外,文章还介绍了如何在不同场景下正确配置和转换字符集,以确保数据的一致性和完整性。 ...
[详细]
蜡笔小新 2024-10-31 17:48:03
本文介绍了如何通过掌握 IScroll 技巧来实现流畅的上拉加载和下拉刷新功能。首先,需要按正确的顺序引入相关文件:1. Zepto;2. iScroll.js;3. scroll-probe.js。此外,还提供了完整的代码示例,可在 GitHub 仓库中查看。通过这些步骤,开发者可以轻松实现高效、流畅的滚动效果,提升用户体验。 ...
[详细]
蜡笔小新 2024-10-31 17:28:44
本文深入探讨了 MXOTDLL.dll 在 C# 环境中的应用与优化策略。针对近期公司从某生物技术供应商采购的指纹识别设备,该设备提供的 DLL 文件是用 C 语言编写的。为了更好地集成到现有的 C# 系统中,我们对原生的 C 语言 DLL 进行了封装,并利用 C# 的互操作性功能实现了高效调用。此外,文章还详细分析了在实际应用中可能遇到的性能瓶颈,并提出了一系列优化措施,以确保系统的稳定性和高效运行。 ...
[详细]
蜡笔小新 2024-10-31 17:21:11
在本文中,我们深入探讨了Storm框架在消息可靠传输与一致性事务处理方面的核心机制。通过对消息处理流程的详细分析,结合实际案例,阐述了如何确保数据在分布式环境中的一致性和可靠性。此外,还介绍了Storm中的事务拓扑设计及其在高并发场景下的应用,为开发者提供了宝贵的实践经验和优化建议。 ...
[详细]
蜡笔小新 2024-10-31 17:15:57
针对手机浏览器无法加载CSS文件的问题,本文提出了几种有效的解决方案:首先,确保CSS文件路径正确无误;其次,统一CSS文件和网页的编码格式;最后,检查并修正文件后缀的MIME类型设置,以确保浏览器能够正确识别和解析CSS文件。此外,还探讨了可能导致该问题的其他常见原因,如缓存问题和服务器配置错误等。 ...
[详细]
蜡笔小新 2024-10-31 16:19:20
RancherOS 是由 Rancher Labs 开发的一款专为 Docker 设计的轻量级 Linux 发行版,提供了一个全面的 Docker 运行环境。其引导镜像仅 20MB,非常适合在资源受限的环境中部署。本文将详细介绍如何在 ESXi 虚拟化平台上安装和配置 RancherOS,帮助用户快速搭建高效、稳定的容器化应用环境。 ...
[详细]
蜡笔小新 2024-10-28 22:49:28