JavaScript
hahahafree
这个作者很懒,什么都没留下…
展开
-
JavaScript:笔记1——入门——链接 JavaScript
1、作用HTML 定义了网页的内容CSS 描述了网页的布局JavaScript 网页的行为2、<script>HTML 中的脚本必须位于 标签之间。脚本可被放置在 HTML 页面的 和 部分中。3、document.write ……输出文本<script>document.write("<h1>这是一个标题</h1>");...原创 2019-06-15 11:32:03 · 218 阅读 · 0 评论 -
JS代码:定时器、清除定时器、
1、js内置对象:3.定时器4.超时器5.字符串6.数组定时器:1.创建sobj=setInterval(func,time);//创建一个定时器<style> *{ font-family: 微软雅黑; } img{ border-radius:128px; background: #888; cursor: pointer...原创 2019-07-19 09:45:58 · 389 阅读 · 0 评论 -
JS代码:字符串
1、字符串:属性:str.length;方法:indexOf()lastIndexOf();substr(start,length);slice(start,end);split(reg);toUpperCase();toLowerCase();search(reg);match(reg);replace(reg,“str”);length字符串长度<scri...原创 2019-07-19 11:06:40 · 217 阅读 · 0 评论 -
JS代码:js样式改变特效、js特效组成部分、js标签放置位置、js放置类型
1、js样式改变特效<img src="/img/dog.png" id="dog"> </body><script>dogobj=document.getElementById('dog');dogobj.onmouseenter=function(){ this.style.background='#888'; this.style.bor...原创 2019-07-17 10:06:10 · 189 阅读 · 0 评论 -
#JS代码:js定义变量、js输出变量、字符串连接符、js注释、js的10种变量类型、浏览器F12控制台调试、数组类型测试
1、js定义变量:x=10;2、js输出变量:alert(x);document.write(x);alert(x);<script type="text/javascript"> x=10; alert(x);</script>document.write(x)<script type="text/javascript"> x...原创 2019-07-17 16:52:40 · 676 阅读 · 0 评论 -
JS代码:正则表达式
1、参考手册参考手册http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp2、元字符. 查找单个字符。\w 查找单词字符。\W 查找非单词字符。\d 查找数字。\D 查找非数字字符。\s 查找空白字符。\S 查找非空白字符。\b 匹配单词边界。\B 匹配非单词边界。. 查找单个字符str="linux is ve...原创 2019-07-19 22:01:39 · 104 阅读 · 0 评论 -
JS代码:数组对象
1、数组对象:1.属性:length2.方法:join("/")pop()push()shift()unshift()reverse()concat()slice(start,end)splice()sort(show)show(a,b){return a-b; //正序//return b-a; //倒序}3.检测数组类型if(arr instanceo...原创 2019-07-20 10:10:22 · 121 阅读 · 0 评论 -
JS代码:事件对象
事件对象:1.鼠标事件onclick 鼠标点击某个对象ondblclick 鼠标双击某个对象onmousedown 某个鼠标按键被按下onmouseup 某个鼠标按键被松开onmousemove 鼠标被移动onmouseenter 鼠标被移到某元素之上onmouseleave 鼠标从某元素移开例子js中在标签身上绑定事件img{ cursor: pointer;...原创 2019-07-20 20:53:51 · 194 阅读 · 0 评论 -
JS代码:BOM浏览器对象
BOM浏览器对象(browser object model):1.window对象(窗口对象)2.navigator对象(浏览器特性)3.screen对象(客户端屏幕)4.history对象(历史对象)5.location对象(地址栏)6.document对象(文档对象)1、 window对象:1.属性framesopener #被淘汰top2.方法open(); #被...原创 2019-07-21 14:41:59 · 138 阅读 · 0 评论 -
JS代码:DOM(document object model)
DOM(document object model):1、直接可以获取的dom元素对象:1.document.documentElement2.document.head3.document.title4.document.bodyhtml、body、title和head标签<body> <h1>linux is very much!</h1>...原创 2019-07-21 17:03:01 · 304 阅读 · 0 评论 -
JS代码:变量作用域、消息框、数学对象、日期对象
1、变量作用域:1.全局变量2.局部变量#只有在函数内部带var的变量为局部变量,其余全为全局变量.//全局变量x=10;function show(){ x=100;}show();alert(x);//全局变量function show(){ x=10;}show();alert(x);//全局变量var x=10;function show(){...原创 2019-07-18 22:38:46 · 85 阅读 · 0 评论 -
JS代码:运算符分类、while循环、for循环、with语法、for..in语法、js函数、
1、运算符分类:1.一元运算符i++; 先赋值后运算++i; 先运算后赋值i–; 先赋值后运算–i; 先运算后赋值2.二元运算符1)数学运算符2)比较运算符3)逻辑运算符4)赋值运算符3.三元运算符score=(i>=60)?‘yes’:‘no’;//三元运算符 i=37; // if(i>=60){ // score='yes'; // ...原创 2019-07-18 11:25:04 · 249 阅读 · 0 评论 -
JS代码:顶级全局方法(Global对象)、变量类型转换、变量运算符、js语法
1、顶级全局方法(Global对象):• typeof();• parseInt(); #转整形• parseFloat(); #转浮点型• eval();• Number();• String();• Boolean();x='1000aaa'y=parseInt(x);alert(y);x='10.5abc';y=parseFloat(x);alert(y);...原创 2019-07-18 09:48:13 · 347 阅读 · 0 评论 -
JavaScript:变量、运算符、语句、关键字、注释、数据类型、函数、字母大小写、命名规则
1、JavaScript 数字在编程语言中,一般固定值称为字面量,如 3.14。数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。<p id="demo"></p><script>document.getElementById("demo").innerHTML = 123e5;</script>2、字符串 可以...原创 2019-06-15 12:01:04 · 245 阅读 · 0 评论 -
JavaScript 语句、注释、数据类型、访问对象方法
1、JavaScript 代码块JavaScript 可以分批地组合起来。代码块以左花括号开始,以右花括号结束。代码块的作用是一并地执行语句序列。<body><h1>我的 Web 页面</h1><p id="myPar">我是一个段落。</p><div id="myDiv">我是一个div。</div&g...原创 2019-06-15 18:23:45 · 408 阅读 · 0 评论 -
JavaScript: 函数、作用域
1、函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。<script>function myFunction(){ alert("Hello World!");}</script></head> <body><button onclick="myFunction()">点我</button>...原创 2019-06-16 00:00:19 · 115 阅读 · 0 评论 -
JavaScript 事件、字符串、运算符、比较 和 逻辑运算符
1、JavaScript 事件事件可以用于处理表单验证,用户输入,用户行为及浏览器动作:页面加载时触发事件页面关闭时触发事件用户点击按钮执行动作验证用户输入内容的合法性等等 ...可以使用多种方法来执行 JavaScript 事件代码:HTML 事件属性可以直接执行 JavaScript 代码HTML 事件属性可以调用 JavaScript 函数你可以为 HTML 元素指定自...原创 2019-06-16 11:36:18 · 579 阅读 · 0 评论 -
JavaScript if...Else 语句、switch 语句、For 循环、while 循环、 Break 和 Continue 语句
1、JavaScript if…Else 语句1.1、if 语句只有当指定条件为 true 时,该语句才会执行代码。语法if (condition){当条件为 true 时执行的代码}1.2、if…else 语句请使用 if…else 语句在条件为 true 时执行代码,在条件为 false 时执行其他代码。语法if (condition){当条件为 true 时执行的...原创 2019-06-16 12:21:06 · 658 阅读 · 0 评论 -
JavaScript typeof, null, 和 undefined、JavaScript 类型转换、正则表达式、错误 - throw、try 和 catch、调试、变量提升
1、typeof 操作符你可以使用 typeof 操作符来检测变量的数据类型。2、null在 JavaScript 中 null 表示 “什么都没有”。null是一个只有一个值的特殊类型。表示一个空对象引用。3、undefined在 JavaScript 中, undefined 是一个没有设置值的变量。typeof 一个没有值的变量会返回 undefined。4、JavaS...原创 2019-06-16 16:45:49 · 352 阅读 · 0 评论 -
Web开发代码:显示星期几、显示警告、显示确认框、提示框、调用带参数的函数、返回值的函数
1、显示星期几代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>now test</title> </head><body><p>点击下面的按钮来显示今天是周几:</p><button ...原创 2019-06-26 00:00:43 · 1659 阅读 · 0 评论 -
Web开发代码:break:跳出循环、continue 用于跳过循环中的一个迭代、使用 For...In 声明来遍历数组内的元素
1、break:跳出循环<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>now test</title> </head><body> <p>点击下面的按钮,测试带有break语句的循环</p>...原创 2019-06-28 11:54:18 · 1241 阅读 · 0 评论 -
Web开发代码:简单的计时、另一个简单的计时、在一个无穷循环中的计时事件、使用计时事件制作的钟表、创建对象的实例、创建用于对象的模板
1、简单的计时<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>now test</title> <script> function myFunction(){ setTimeout(function(){alert("Hello"...原创 2019-06-30 21:51:19 · 332 阅读 · 0 评论 -
JS代码:Ajax无刷新技术
Ajax无刷新技术:1.生成xhr对象xhr=new XMLHttpRequest();2.准备连接xhr.open(‘get’,‘del.php?id=’+id,true);3.发送请求xhr.send();4.获取php响应数据xhr.onreadystatechange=function(){if(xhr.readyState4 && xhr.status2...原创 2019-07-21 20:52:05 · 168 阅读 · 0 评论