宗策

导航

随笔分类 -  javascript

事件取消，表单提交事件
摘要：事件取消 - 在事件中执行return false; 则可以将当前事件取消掉 表单提交事件 onsubmit - 当表单提交时触发 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title 阅读全文

posted @ 2020-05-08 17:24 宗策 阅读(344) 评论(0) 推荐(0)

JavaScript-数组案例
摘要：案例一： 遍历数组 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> function myfn(){ var i 阅读全文

posted @ 2020-05-07 17:49 宗策 阅读(185) 评论(0) 推荐(0)

JavaScript-div效果案例展示
摘要：案例1： 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> #big{ width: 150px; height: 150 阅读全文

posted @ 2020-05-07 17:23 宗策 阅读(153) 评论(0) 推荐(0)

正则表达式
摘要：正则表达式 . ：匹配任意字符 除了换行 \w : 匹配任意数字、字母、下划线 \d : 匹配任意数字 \s : 匹配任意空白 ^ : 开头 $ : 结尾 - 正则表达式的应用场景： 1. 查找内容 2. 校验文本 - 创建正则对象的两种方式： 1. 格式： var reg = /规则/模式（i:忽 阅读全文

posted @ 2020-05-07 17:00 宗策 阅读(184) 评论(0) 推荐(0)

JavaScript-对String,数，数组，日期使用总结
摘要：String使用总结 1. 创建字符串 - var s1 = "aaa";//单引号或双引号都可以 - var s2 = new String("aaa"); 2. 把字符串转数值 - parseInt(30.05) - parseFloat("4") "4.5"->4.5 "4"->4 - Num 阅读全文

posted @ 2020-05-07 16:28 宗策 阅读(186) 评论(0) 推荐(0)

JavaScript生成div效果
摘要：页面效果： 脚本展示： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> .yellow{ width: 100px; heigh 阅读全文

posted @ 2020-05-06 11:20 宗策 阅读(251) 评论(0) 推荐(0)

JavaScript生成批量<div>标签
摘要：页面展示效果： 脚本展示： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> div>div{ width: 50px; heig 阅读全文

posted @ 2020-05-06 11:06 宗策 阅读(1158) 评论(0) 推荐(0)

JavaScript简易猜数字
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> //得到1-10的随机数 var x = parseInt(Ma 阅读全文

posted @ 2020-04-30 16:19 宗策 阅读(350) 评论(0) 推荐(0)

JavaScript实现简易计算器
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> function fn(x){ //得到文本框 和 div的元素 阅读全文

posted @ 2020-04-30 15:49 宗策 阅读(448) 评论(0) 推荐(0)

JavaScript-如何获取页面元素对象，元素id
摘要：1. 通过元素id获取页面元素对象 var d = document.getElementById("id");2. 获取和修改元素的文本内容 获取：d.innerText 修改： d.innerText="xxx"; 3. 获取和修改文本框的内容 获取: i.value 修改： i.value=" 阅读全文

posted @ 2020-04-30 15:00 宗策 阅读(3063) 评论(0) 推荐(0)

JavaScript的方法使用
摘要：方法- java声明方法格式： public void 方法名(参数列表){方法体}- js中声明方法格式一： function 方法名(参数列表){方法体} - js中声明方法的格式二： var 方法名 = function(参数列表){方法体}- js中声明方法的格式三： var 方法名 = n 阅读全文

posted @ 2020-04-29 15:33 宗策 阅读(270) 评论(0) 推荐(0)

JavaScript基本语法归纳
摘要：（一）数据类型 JavaScript中只有对象类型 常见的对象类型 1. 数值类型 number 2. 字符串类型 string 3. 布尔值类型 boolean 4. 未定义类型 undefined 5. 自定义对象类型 object （二）变量声明和赋值 var x =1; var name = 阅读全文

posted @ 2020-04-29 15:07 宗策 阅读(269) 评论(0) 推荐(0)

JavaScript如何在html中引入
摘要：三种引入方式1. 内联： 在元素的事件属性中添加js代码，当事件触发时js执行 2. 内部： 在html页面中任意位置添加script（推荐head里面）3. 外部： 在单独的js文件中写js代码，通过script的src属性引入，如果script标签引入了文件则不能在标签体内继续写js代码 <!D 阅读全文

posted @ 2020-04-29 14:25 宗策 阅读(2073) 评论(0) 推荐(0)