![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
you些话
记录学JAVA的路程,发表的文章为我的线上笔记,以便于复习
展开
-
js--table表格操作
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ text-align: center; } /*设置表格居中*/ #ta{ margin: auto; } /*设置表格的行样式*/ #ta tr{ .原创 2020-12-11 10:41:47 · 958 阅读 · 0 评论 -
模拟淘宝
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>模拟淘宝</title> <script type="text/javascript"> //创建函数进行照片的联动和样式设置 function operInImg(img,src){ //设置图片样式 img.style.border="solid 1px";..原创 2020-12-10 15:58:11 · 156 阅读 · 0 评论 -
js校验form表单
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /*设置tr样式*/ tr{ height: 40px; } /*设置div样式*/ #showdiv{ border: solid 1px #FF0000; bo.原创 2020-12-10 14:38:32 · 391 阅读 · 0 评论 -
js操作多选框&下拉框
js操作多选框、单选框 被选中状态下在js中checked属性值为true,未选中状态为false; js操作下拉框: 被选择的option对象在js中selected属性值为true,未选中为false<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js操作多选框和下拉列表</title> <script type="t..原创 2020-12-09 17:02:37 · 1541 阅读 · 0 评论 -
js操作元素的文档结构2
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js操作元素的文档结构2</title> <script type="text/javascript"> function testOper2(){ //获取元素对象 var showdiv=document.getElementById("showdiv");原创 2020-12-09 14:08:07 · 56 阅读 · 0 评论 -
Js操作元素的文档结构
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js操作元素的文档结构</title> <script type="text/javascript"> function testAdd(){ //获取元素对象 var showdiv=document.getElementById("showdiv"); //给原创 2020-12-09 14:04:59 · 189 阅读 · 0 评论 -
js操作元素内容
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js操作元素内容</title> <style type="text/css"> #div01{ width: 200px; height: 200px; border: solid 1px orange; } </style>原创 2020-12-09 11:36:09 · 505 阅读 · 0 评论 -
js操作元素的样式
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js操作元素样式</title> <style type="text/css"> #showdiv{ width: 200px; height: 200px; border: solid 1px; } .common{ width: 200px原创 2020-12-09 11:30:04 · 126 阅读 · 0 评论 -
document操作HTML的元素属性
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js操作HTML的元素属性</title> </head> <script type="text/javascript"> //声明函数--固有属性 function testFieId(){ //获取元素对象 var inp=document.getEleme原创 2020-12-09 10:39:33 · 598 阅读 · 0 评论 -
document对象
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>document对象学习</title> <script type="text/javascript"> //document获取元素对象 //id方式 function testGetEleById(){ var inp=wind原创 2020-12-08 11:01:03 · 49 阅读 · 0 评论 -
js-windows对象学习2
js的window对象学习1、子窗口方法window.open(‘子页面的资源(相对路径)’,‘打卡方式’,‘配置’);示例:window.open(‘son.html’,‘newwindow’,‘height=400, width=600, top=100px,left=320px, toolbar=yes, menubar=yes, scrollbars=yes, resizable=yes,location=no, status=yes’);toolbar:工具栏,menubar:菜单栏,sc原创 2020-12-05 19:37:36 · 101 阅读 · 0 评论 -
window对象学习1
window对象学习BOM浏览器对象模型:是规范浏览器对js语言的支持(js调用浏览器本身的功能)。BOM的具体实现是window对象 window对象使用学习:1、window对象不用new,直接进行使用即可,类似Math的使用方式,window关键字可以省略不写。2、框体方法alert:警告框 提示一个警告信息,没有返回confirm:确认框 提示用户选择一项操作(确定/取消)点击确定 返回true点击取消 返回falseprompt:提示框, 提示用某个信息的录入或者说收集点原创 2020-12-04 20:07:54 · 76 阅读 · 0 评论 -
js的事件机制2
js的事件机制学习2: 1、给合适的HTML标签添加合适的事件onchange----select下拉框onload------body标签单双击-------用户会进行点击动作的HTML元素鼠标事件------用户会进行鼠标移动操作的。键盘事件------用户会进行键盘操作的HTML元素。2、给HTML元素添加多个事件时,注意事件之间的冲突举个例子:单击和双击同时出现在一个button上,你永远触发不了双击事件当事件的触发条件包含相同部分的时候,会产生事件之间的冲突。3、事件的阻原创 2020-12-04 20:06:34 · 62 阅读 · 0 评论 -
js的事件机制学习01
js的事件机制: 解释:当我们的行为动作满足了一定的条件后,会触发某类事务的执行。作用:主要是结合js的函数来使用。内容:1、单双击事件单击:onclick 当鼠标单击的时候会触发双击:ondblclick 当鼠标双击的时候会被触发2、鼠标事件onmouseover 当鼠标悬停在某个HTML元素上的时候触发onmousemove 当鼠标在某个HTML元素上移动的时候触发onmouseout 当鼠标在某个HTML元素上移出的时候触发3、键盘事件onkeyup原创 2020-12-04 20:00:46 · 51 阅读 · 0 评论 -
js常用的方法和对象
常用方法: 常用的对象和方法: 1、String 2、Date 3、Math 4、Global<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js常用方法和对象</title> <script type="text/javascript"> function testString(){ /原创 2020-12-04 19:56:57 · 74 阅读 · 0 评论 -
js的类和对象
类的声明及使用!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js的类和对象</title> <script type="text/javascript"> //1.类的声明function Person(name,age){ this.name=name; this.age=age; this.fav="唱原创 2020-12-03 15:21:30 · 724 阅读 · 0 评论 -
js的函数学习
js的函数学习一:作用:功能代码块的封装。减少代码的冗余。1、函数的声明:方式一:function 函数名(形参名1,形参名2……){执行体}方式二:var 函数名=new Function(“形参1”,“形参2”……,“函数执行体”);注意:此声明表明在js中函数是作为对象存在的。方式三:var 变量名=function(形参名1,形参名2……){函数执行体} 2、函数的参数js中的函数在调用时,形参可以不赋值,不会报错js中的函数在调用时,形参赋值可以不全部赋值,不会报错,但是实参会依原创 2020-12-03 11:14:25 · 87 阅读 · 0 评论 -
js中数组常用的方法
数组的操作学习:1、数组的合并:arr.concat(b,c);//数组的合并2、数组指定间隔符转换字符串:var b=arr.join("-");3、数组移除最后一个元素并返回:var ele=arr.pop();4、数组的追加,返回新的长度:var ln=arr.push(“lol”);//追加的元素可以是一个数组,但是为作为一个角标值存在5、数组的移除第一个元素:var ele=arr.shift();6、数组的在开始位置插入指定元素:var a=arr.unshift(“又是周五了”);原创 2020-12-02 16:37:27 · 86 阅读 · 0 评论 -
js数组1
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js的数组</title> <script type="text/javascript"> //1.js的数组声明 /*var arr1=new Array(); arr1[0]="lzy"; alert(arr1); var arr2=new Array原创 2020-12-02 15:16:11 · 163 阅读 · 0 评论 -
js的逻辑结构
<html> <head> <title>js的逻辑结构和循环结构学习</title> <meta charset="UTF-8"/> /* <!-- js的逻辑结构: if结构 单分支结构: if(判断条件){执行体} 双分支: if(判断条件){执行体}else{执行体} 多分支: if(判断条件){执行体}else if(判断条件){执行体}……原创 2020-12-02 12:07:08 · 368 阅读 · 0 评论 -
js运算符&&==与===的区别
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js的运算符学习</title> <script type="text/javascript"> /*声明变量:算数运算*/ var a=1; var a2=2; var a3=true; var a6=false; var a4="a"; var a原创 2020-12-02 11:19:34 · 286 阅读 · 0 评论 -
js的变量强转
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <!-- /* js中的数据转换: 其他类型转换为number 类型 使用Number(其他类型的数据); string 类型的数字字符: 对应的number数字 string 非数字字符: NaN(number类型) boolean true: 1 boolean原创 2020-12-02 09:53:23 · 96 阅读 · 0 评论 -
js的变量和学习
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js的变量学习</title> <script type="text/javascript"> /*js的变量学习*/ var a=123; var A=456; var a1=3.1415926; var a2="js"; var a3='k'; v原创 2020-12-01 17:16:27 · 70 阅读 · 0 评论