JavaScript
主要记录JavaScript相关技术点
程序yang
如果您点了进来,那么请您一定要花几分钟看看置顶的几篇博文,相信我,你会有收获滴!
展开
-
前端程序员必备系列——JavaScript的简单入门
JavaScript 的正式名称是 “ECMAScript”;这个标准由 ECMA 组织发展和维护。1、什么是JavaScript? JavaScript 被设计用来向 HTML 页面添加交互行为。 JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。 JavaScript 通常被直接嵌入 HTML 页面。 JavaScript 是一种解释性语言(就是说,...原创 2019-11-18 14:32:22 · 314 阅读 · 0 评论 -
js验证输入框可输入的字节数(完美判断中英文)
最近看到网上的一些输入框,限制了用户输入的字数,于是本人也利用了JS来实现了一个这样的功能,不多说,直接看效果。输入英文时的实现效果:输入中文时的实现效果:PS:英文占1个字节,中文占2个字节,所以限制输入50个汉字时,中文字符最多只能输入50个,而英文字符则最多可以输入100(50*2)个。示例代码(看不懂的朋友可以结合注解一起看):<!DOCTYPE html>&l...原创 2019-10-30 10:44:07 · 1864 阅读 · 0 评论 -
js自动随机切换图片
前期工作准备:将html文件放进一个文件夹,然后新建一个img文件夹,里面放你需要切换的图片,注意命名格式,预计图片的后缀。示例如下:示例代码:<html><body> <style> .lucking{ width: 250px; height: 250px; ...原创 2019-10-30 09:01:45 · 4223 阅读 · 4 评论 -
js获取系统当前时间
利用js获取系统当前时间,有很多种获取方法,这里只列举其中一种比较简单的写法,适合新手参考。示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js获取系统当前时间</title> </head...原创 2019-10-29 11:30:37 · 1408 阅读 · 0 评论 -
html之页面自动执行(加载)js的几种方法
1、最简单的调用方式,直接写到html的body标签里面:<html> <body onload="load();"> </body> </html>2、在脚本中用window.onload:<script type="text/javascript"> window.onload = myfun;...原创 2019-10-22 16:58:25 · 24636 阅读 · 2 评论 -
复选框与单选框的判断
我们平时看到的复选框都是根据自己的需求一个一个的去点击,虽然这样方便个人根据意愿去选择,但是如果碰到太多的复选框,一个一个的去选中,就会显得太麻烦,不利于操作,所以下面我们来讲解一下复选框的高级操作,即全选、全反选和全不选的判断,然后再简单讲解一下单选框的点击返回值。首先看效果截图:当点击全选按钮时的效果:当点击全不选按钮时的效果:当点击反选按钮时的效果:当选中任意单选框时,点击弹...原创 2019-02-21 14:46:45 · 1653 阅读 · 1 评论 -
JavaScript实现九九乘法表
上次我们利用递归实现了一个简单的九九乘法表,这次我们换一个方法,利用JavaScript(简称JS)来实现,首先复习一下:JavaScript是一种直译式脚本语言,是一种动态类型、基于原型的语言,内置支持类。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。下面我就给大家讲一下如何利用JavaScrip...原创 2019-02-21 10:59:46 · 10125 阅读 · 0 评论 -
window窗口的各种属性大全
注意:页面上元素name属性和JavaScript引用的名称必须一致包括大小写,否则会提示你一个错误信息 “引用的元素为空或者不是对象”。window对象属性属性描述closed返回窗口是否已被关闭。defaultStatus设置或返回窗口状态栏中的默认文本。document对 Document 对象的只读引用。请参阅 Document 对象。hi...原创 2019-10-18 11:06:37 · 1864 阅读 · 0 评论 -
js中自定义函数的名称不可为click
示例代码:(以下代码中click事件无效,与系统自身的click方法重名了),正确做法是改掉,不使用clickPS:给函数命名时尽量避免使用关键字,尤其在java编码中<html><body> <button onClick="click()">hit me</button> <script> function click...原创 2019-10-17 16:55:22 · 336 阅读 · 0 评论 -
js实现下拉框之间的联动(一级分类和二级分类)
效果图:实现代码:<html><body> <select id="first" onChange="change()"> <option selected="selected">湖北</option> <option>广东</option></select> <s...原创 2019-10-17 16:26:04 · 2511 阅读 · 0 评论 -
js控制html下拉框select的选择
效果图:提示下拉框的value值点击确定之后显示下拉框的设定已选择值;比如x.options[2].selected = true;设定了选择索引为2的值,即第3个,下拉框就默认显示第3个的值,如图:实现代码:<html> <body> <select id="xxx" > <option value="10">1&l...原创 2019-10-17 16:15:04 · 1855 阅读 · 0 评论 -
JavaScript实现弹出浏览器的三种提示框:提示信息框、确认框和输入文本框
浏览器的三种提示框:alert()提示信息框confirm()提示确认框prompt()提示输入文本框1、alert()提示信息框效果图:实现代码:<script> disp_prompt(); function disp_prompt(){ alert("这是一个提示框"); }</script>2、confirm()提示确认框...原创 2019-10-17 16:02:50 · 4953 阅读 · 0 评论