JavaScript
文章平均质量分 69
ZZZ --- jh
这个作者很懒,什么都没留下…
展开
-
js中!!()的作用
js中!!()的作用总体来说,就是 强制转换为布尔类型(boolean)JavaScript是弱类型语言,他其中有数据类型的转化,有显示类型转换和隐式类型转换.隐式类型转换定义: 不需要程序员定义,JavaScript会自动将某一个类型的数据转换成另一个类型的数据。JavaScript隐式类型转换的规则:将类型转换到环境中应该使用的类型。其他类型转换为布尔类型为假的情况:00.0" "NANfalseundefined可以隐式类型转换的情况:数字类型:在字符串环境下可以隐式原创 2021-05-17 20:24:30 · 753 阅读 · 2 评论 -
$(document).ready()方法和window.onload方法的区别
$(document).ready()方法和window.onload方法的区别JQuery中$(document).ready()方法的作用类似于JavaScript中的window.onload方法,都可以在网页加载完成后执行一些操作,不过这两种方法严格意义上来说还是有很大区别的1.执行时间不同window.onload必须等到页面内的所有元素()加载完毕后才能执行。注:所有元素是指包括页面结构、内容及所有关联文件,如站内与站外的js与css文件、图片等$(document).ready()是原创 2020-12-02 10:05:06 · 525 阅读 · 1 评论 -
九九乘法表
九九乘法表css代码 <style> a{ opacity: 0; } div{ display: inline-block; width:60px; height:20px; } span{ display: inline-block; width:60px原创 2020-11-05 19:59:00 · 280 阅读 · 0 评论 -
js练习题(二)
js练习题一. 选择题分析下段代码输出结果是( ). B var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i < arr.length;i++) { sum +=arr[i]; } console.log(sum);A. 20 B. 18 C. 14 D. 12[多选]以下关于 Array 数组对象的说法不正确的是( ). CDA. 对数组里数据的排序可以用 sort 函数,如果排序效果非预期,可原创 2020-11-05 19:51:33 · 2896 阅读 · 0 评论 -
js练习题
js练习题一. 选择题写“Hello World ”的正确 javascript语法是( ). AA. document.write(“Hello World”)B. “Hello World”C. response.write(“Hello World”)D. (“Hello World”)在JavaScript表达式中13+“13”+"5"的结果是( ). DA. 29B. 1217C. 126D. 13135对JavaScript基本语法描述不正确的一项是( ).原创 2020-11-05 19:00:41 · 2135 阅读 · 0 评论 -
js 鼠标跟随事件
js 鼠标跟随事件css代码 :<style type="text/css"> *{ margin: 0; padding: 0; } div{ width: 100px; height: 100px; background: red; position: absolute; }</style>html代码 :<body style="height: 3000px;"> <!--把光标在可视区域的坐标位置赋值给div-原创 2020-10-20 10:45:38 · 270 阅读 · 0 评论 -
js案例 生成行列随机颜色
html代码 :<input type="text" name="" id="" value="" placeholder="输入行"/><input type="text" name="" id="" value="" placeholder="输入列"/><button id="btn">点击生成</button><table border="1" cellspacing="" cellpadding="">js代码 :<s原创 2020-10-20 10:40:01 · 269 阅读 · 0 评论 -
js 倒计时demo
js 倒计时democss代码 :<style type="text/css"> .boxx{ width: 200px; margin-top: 10px; margin-bottom: 10px; margin-left: 250px; font-size: 16px; } .box1 input{ margin-top: 30px; } .box{ width: 700px; height: 250px; border: 1px solid原创 2020-10-13 14:10:59 · 239 阅读 · 0 评论 -
js放大镜
js放大镜css代码 :<style type="text/css"> *{ margin: 0; padding: 0; } .min_img{ /*1920 x 1080*/ width: 480px; height: 270px; background-image: url(images/large.jpg); background-size: 100%; position: relative; } .fdj{ width: 140px;原创 2020-09-29 14:24:11 · 249 阅读 · 0 评论 -
js全选与全不选
js全选与全不选css代码 :<style> * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; } table { border-collapse: collapse; border-spacing: 0; border: 1px solid #c0c0c原创 2020-09-29 11:20:57 · 257 阅读 · 0 评论 -
js 单击按钮排他事件
js 单击按钮排他事件html代码 : <input type="button" value="绿了"/> <input type="button" value="绿了"/> <input type="button" value="绿了"/> <input type="button" value="绿了"/> <input type="button" value="绿了"/> <input type="button" value原创 2020-09-29 11:08:43 · 511 阅读 · 0 评论 -
js随机颜色
js随机颜色案例css代码 :<style> div{ width : 100px; height : 100px; }</style>html代码 : <div id = 'd1'></div>js代码 :<script type="text/javascript"> //指定标签随机生成16机制颜色 //16进制 #ffffff [1234567890 abcdef] function randomColo原创 2020-09-29 10:56:46 · 236 阅读 · 0 评论 -
BOM
BOM1: 什么是bombom就是浏览器对象! 简单来说,就是学习一些操作浏览器窗口的方法和属性等!2: windowwindow对象是BOM的核心,也是BOM里面的顶级对象window对象也有很多内置方法(alert(1))window对象既是ECMAScript规范中的Global对象,也是BOM中的顶级对象;document对象既是BOM对象的一个属性,也是DOM模型中的顶级核心location对象既是window对象的属性,同时也是dom对象的属性。全局变量是 window原创 2020-09-29 10:50:33 · 198 阅读 · 0 评论 -
DOM
DOM1: 什么是dom对象dom对象就是html页面,dom对象的全称叫document object model(文档对象模型)2: dom对象的作用dom对象就是通过一些方法和属性来操作标签将标签元素进行添加、移动、改变或移除3:标签 == 标记 == 元素 == 节点4: dom节点的分类dom节点分为3种类型 1标签节点 2文本节点 3属性节点5: 返回节点类型值nodeName 节点名字,和tagName方法一样 nodeValue 节点值node原创 2020-09-28 11:03:44 · 175 阅读 · 0 评论 -
正则
正则1: 正则创建方式var reg=new RegExp(‘要匹配的元素’,‘修饰符’) var reg=//; alert(typeof reg); //Object2: 正则的方法test() input框里的值通过test方法匹配一个正则,匹配成功返回true否则返回false exec() 方法检索字符串中的指定值.返回值是被找到的值.如果没有发现匹配,则返回 null3: 字符串的方法search() 搜索,返回第一次搜索到的元素的下标,找不到返回-1原创 2020-09-25 10:39:40 · 249 阅读 · 0 评论 -
Array 数组
Array 数组1.概念(什么叫数组):数组是一个可以存储一组或一系列相关数据的容器。2.数组元素(数组的内容):是指存储在数组中并赋予唯一索引号(下标)的数据段。 数组元素的数据类型可以不相同。 通过下标或者索引号能获取到数组相对应得内容。3.作用:为了解决大量相关数据的存储和使用的问题。4:创建数组的方法:格1:通过关键字new 创建数组var arr=new Array(0,1,2,3)格2:通过字面量创建数组(通过中括号创建数组)var arr=[0,1,2,原创 2020-09-25 10:19:13 · 200 阅读 · 0 评论 -
Math Date 和 String
Math平方根 Math.sqrt() 绝对值 Math.abs() π Math.PI 几的几次次方 Math.pow()向上取整 Math.ceil() 向下取整 Math.floor() 四舍五入 Math.round()最大值 Math.max() 最小值 Math.min() 0.0-1.0之间的随机数 Math.randomDatedata对象分两种情况: 获取当前时间; 录入指定时间注: 指定的对象会跟随1 \ 2 种情况获取不同原创 2020-09-25 10:15:21 · 235 阅读 · 0 评论 -
new关键字 及 this指向
new关键字主要用来创建对象时初始化对象new在执行时会做4件事: new会在内存中创建一个新的空对象; new会让this指向这个新对象;原创 2020-09-25 09:19:06 · 1118 阅读 · 0 评论 -
创建对象的六种方式及优缺点
创建对象的四种方式//1- 构造函数创建对象var per = new Object();per.name = "花花";//2- 字面量创建对象var per1 = {name:"花花"};per1.age = 19;//3- 自定义构造函数function Per2(name,age){ this.name = name; this.age = age; this.eat = function (){ return this.name; }}var per3 = n原创 2020-09-25 09:18:22 · 361 阅读 · 0 评论 -
运算符与流程控制
运算符运算符:用来运算的符号就是运算符运算:由一个数值或多个数值在运算的过程中产生一个新的值得过程就叫做运算算数运算符 + - * / %++ 自增 自己+1--自减 自己-1++在前 先运算 后解析++在后 先解析 后运算赋值运算符 += -= *= /= %=逻辑运算符 || ! &&逻辑与 && 真真为真,假假为假,其他都为假逻辑或 || 真假为真,假假为假,真真亦为真逻辑非 ! 真亦假,假亦真比较运算符 &原创 2020-09-22 14:17:23 · 174 阅读 · 0 评论 -
点名器
点名器<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Docume原创 2020-09-22 10:48:05 · 255 阅读 · 0 评论 -
点名器
点名器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>点名器</title> <style> #box{ w原创 2020-09-22 10:46:52 · 227 阅读 · 0 评论 -
遍历数组
遍历数组<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> var array1 = [ {name:"小红",sex:"女",age:18}, {name:"小绿原创 2020-09-22 10:37:28 · 230 阅读 · 0 评论 -
数组案例
数组案例<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>数组案例</title> </head> <body> <script type="text/javascript"> //输入指定学员人数,然后对应输出每一个人的成绩 求总和 平均值 最大值 最小值 //1-声明一个变量名为原创 2020-09-22 10:33:14 · 235 阅读 · 0 评论 -
数据类型
数据类型数据类型获取数据类型 : typeof(指定变量名或者值)数值型 number布尔类型 boolean对象object数组 array函数 function空 null未定义 undefined数据类型的转换数据类型分类包含基本数据类型字符串string, 数值型number, 布尔类型boolean复合数据类型对象object, 数组array其他数据类型函数function, 空null, 未定义undefined获取数据类型 : typeof(指原创 2020-09-22 10:19:46 · 288 阅读 · 0 评论 -
JavaScript初识
JavaScript简介: JavaScript是脚本语言 JavaScript是一种轻量级的编程语言 JavaScript是可插入HTML页面的编程代码 JavaScript插入HTML页面后,可由所有的现代浏览器执行用法:行内 <input type="button" value="button" onclick="alert('111')">内嵌 <script type="text/javascript"> alert('1111'); </scr原创 2020-09-21 10:40:43 · 984 阅读 · 0 评论