随笔分类 -  javaweb

摘要:用js代码创建html标签 appendChild方法可以向一个标签中添加子标签 <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> window.onload = function ( 阅读全文
posted @ 2022-03-20 08:32 软工小蜗牛 阅读(104) 评论(0) 推荐(0)
摘要:节点就是标签对象 <div class="inner"> <div class="divleft"> <p>你最喜欢哪个城市?</p> <ul id="city" > <li id="bj">北京</li> <li>上海</li> <li>东京</li> <li>首尔</li> </ul> <br> 阅读全文
posted @ 2022-03-18 16:17 软工小蜗牛 阅读(140) 评论(0) 推荐(0)
摘要:getElementbyTabname方法与getElementbyName属性相似,都为一个dom对象集合 <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> window.onloa 阅读全文
posted @ 2022-03-18 15:26 软工小蜗牛 阅读(117) 评论(0) 推荐(0)
摘要:getElementByName方法返回的是一个对象的集合 也就是说getElementByName这个可以匹配多个对象 在返回的元素中,每个对象都是dom对象 设置全选 <head> <meta charset="UTF-8"> <title>Title</title> <script type= 阅读全文
posted @ 2022-03-17 22:36 软工小蜗牛 阅读(1651) 评论(0) 推荐(0)
摘要:我们知道document可以将标签对象化 也就是说,可以获得标签里的全部内容 document.innerHTML属性则是将标签中的内容展现出来 更重要的是 document.innerHTML是可编辑的,也就是说,当判断表单内容不合法时,将document.innerHTML中的内容改变为不合法便 阅读全文
posted @ 2022-03-17 21:15 软工小蜗牛 阅读(130) 评论(0) 推荐(0)
摘要://表示字符串中必须包含evar patt = new RegExp("e"); 正则表达式也可以直接写在//两个斜线中例如/e/ 元字符 特殊重要:\w 这个字符用于查找单词字符,单词字符包括:a-z、A-Z、0-9以及下划线包含_(下划线)字符 量词 例如/a+/ 表示要求字符串中至少要含有一个 阅读全文
posted @ 2022-03-17 20:41 软工小蜗牛 阅读(97) 评论(0) 推荐(0)
摘要:当我们要操作一个标签的时候,一定要先获得这个标签对象 document可以记录标签的所有内容 在输入框中,value记录输入框的值 在验证字符串符合某个规则时,一定要使用正则表达式 <head> <meta charset="UTF-8"> <title>Title</title> <script 阅读全文
posted @ 2022-03-17 19:38 软工小蜗牛 阅读(220) 评论(0) 推荐(0)
摘要:z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面 box-shadow: 1px 2px 0 #eaf5dc属性向框添加一个或多个阴影 border-radius: 50%;设置边框弧度 例如设置圆形 background: rgba(0, 0, 0, 阅读全文
posted @ 2022-03-17 19:09 软工小蜗牛 阅读(165) 评论(0) 推荐(0)
摘要:document对象的理解 首先,document它管理了所有的html文档内容 第二,document他是一种树结构的文档,有层级关系 第三,它让我们把所有的标签都对象化 第四,我们可以通过document访问所有的标签对象 阅读全文
posted @ 2022-03-17 16:19 软工小蜗牛 阅读(76) 评论(0) 推荐(0)
摘要:静态注册表单提交事件 如果发现提交不合法,可以通过onsubmit="return false"阻止表单提交 <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> alert("使用") 阅读全文
posted @ 2022-03-17 15:20 软工小蜗牛 阅读(175) 评论(0) 推荐(0)
摘要:静态注册onchange事件 <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> var onchangefun = function (){ alert("你的女神改变了,渣男!") 阅读全文
posted @ 2022-03-17 14:27 软工小蜗牛 阅读(143) 评论(0) 推荐(0)
摘要:静态注册焦点失去事件 <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div{ position: center; /*margin-top: 50px;*/ /*margin-left: 400p 阅读全文
posted @ 2022-03-17 12:19 软工小蜗牛 阅读(709) 评论(0) 推荐(0)
摘要:onclict事件 为点击事件 多用于按钮点击后的操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> window 阅读全文
posted @ 2022-03-15 14:58 软工小蜗牛 阅读(96) 评论(0) 推荐(0)
摘要:静态的写法 <script type="text/javascript"> //动态注册 window.onload = function () { alert("动态注册完成") } </script> 动态注册 window.onload 阅读全文
posted @ 2022-03-15 14:38 软工小蜗牛 阅读(124) 评论(0) 推荐(0)
摘要:js中的事件 onload事件 常用于页面加载完成之后,常用于做页面中js代码初始化的工作 onclick点击事件 常用于按钮点击的响应操作 onblur 失去焦点事件 常用于输入框失去焦点之后验证其输入内容是否合法 onchange 内容发生改变事件 常用于下拉列表和和输入框内容发生改变的操作 o 阅读全文
posted @ 2022-03-15 14:28 软工小蜗牛 阅读(95) 评论(0) 推荐(0)
摘要:<script type="text/javascript"> var temp = new Object(); temp.name = "涵"; temp.age = 18; temp.print = function (){ alert("姓名"+ this.name + "年龄" + this 阅读全文
posted @ 2022-03-15 14:18 软工小蜗牛 阅读(89) 评论(0) 推荐(0)
摘要:在js中 函数不允许重载 如果重载,则会覆盖之前的函数 函数的argument隐形参数(只在function函数内) 就是在function函数中不需要被定义,但却可以直接来获取所有参数的变量。我们管他叫做隐形参数 argument类似于一个数组 var a = function (b,c){ al 阅读全文
posted @ 2022-03-15 11:52 软工小蜗牛 阅读(97) 评论(0) 推荐(0)
摘要:函数的定义 在写形参列表时,不用对形参的类型进行约束 function fun(a,b) <script type="text/javascript"> function run() { alert("函数被调用了"); } // run(); var a = function (b,c){ ale 阅读全文
posted @ 2022-03-15 11:37 软工小蜗牛 阅读(79) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2022-03-15 11:17 软工小蜗牛 阅读(74) 评论(0) 推荐(0)
摘要:在空串中 ;一个空格都不能加 &&与运算中 当两个值都为真时,返回第二个变量的值 当表达式中有一个值为假,则返回第一个为假的值 当两个与运算符并列使用时,返回从左到右的第一个false值 alert(b && d && a); //0 ||或运算 当表达式为假时,返回第二个为假的值 当表达式为真时, 阅读全文
posted @ 2022-03-15 11:10 软工小蜗牛 阅读(80) 评论(0) 推荐(0)