
js
文章平均质量分 57
qq_41665356
这个作者很懒,什么都没留下…
展开
-
js_数据类型
1. 数据类型:Js中定义变量统一使用var。变量的命名规则:首字母必须以字母、下划线、美元符号开头。它会自动对数据类型进行转换。我们可以使用typeof来查看当前变量的类型:var num1=10;var num2=3.14159;var str="字串";var bflag=false;var arr=[];var arr2=new Array();var obj={};var obj2= n...原创 2018-05-15 09:28:43 · 127 阅读 · 0 评论 -
js_string方法与数学方法
1. String方法toLowerCase();//转小写toUpperCase();//转大写split(delimiter);// 将字符串拆分substr(startIndex, length);//从startIndex开始,取length个字符substring(startIndex, endIndex);// 取从start到end间的字符,不包含end索引本身indexOf(sea...原创 2018-05-16 21:11:52 · 479 阅读 · 0 评论 -
js_事件
1. 事件鼠标事件:onclick://点击onchange://内容变化ondblclick//双击事件onfocus//焦点事件onblur//失去焦点事件onmousedown//鼠标按下去的事件onmouseover//鼠标悬浮的事件onmouseout//鼠标离开的事件onmouseup//鼠标松开的事件 键盘事件: onkeydown://键盘按下按键的事件onkeypress//是在...原创 2018-05-16 21:11:58 · 117 阅读 · 0 评论 -
js_Window方法
Window方法window.title = "新的标题";// 修改标题window.history.forward();// 前进window.history.back();// 后退window.location.reload();// 刷新当前页面window.close();// 关闭浏览器window.location.href="http://www.baidu.com";// 当...原创 2018-05-16 21:12:04 · 742 阅读 · 0 评论 -
js_4)文本添加默认值
1) 文本默认值Input文本框当还没有输入值时显示一个默认值,一般用于提示当前文本框应该填的内容。可以使用placeholder属性,如下:<input type="text" placeholder="请输入用户名"/>效果如下: 当光标在输入框内时效果如下: 但是此属性只支持ie9以上的版本。 第二种方案,自己写:<input type="text" onfocus="ma...原创 2018-05-17 09:28:50 · 1039 阅读 · 0 评论 -
js_定时器
定时器如:3秒之后执行某方法:var timeoutId = setTimeout(function(){xxx},3000);或function test(){};var timeoutId = setTimeout(test,3000);清除定时任务:clearTimeout(timeoutId); 又如:每隔2秒执行一次:// 如果没有遇到clearInterval就一直执行var time...原创 2018-05-17 09:28:56 · 151 阅读 · 0 评论 -
js_案例_下拉联动
1) 下拉框联动需求:有两个下拉框:省份、城市。选择省份后更新城市下拉框的内容。先在界面中定义两个下拉框: <select id="province" onchange="citychange(this)"></select> <select id="city"></select>在页面加载结束后给省下拉框添加内容。<bod原创 2018-05-17 09:29:02 · 1067 阅读 · 0 评论 -
js_案例_复选框全选功能
复选框全选功能<label><input type="checkbox" onclick="checkAll(this)" id="checkall">全选</label><br/><label><input type="checkbox" name="city&am原创 2018-05-17 09:29:09 · 207 阅读 · 0 评论 -
js_获取光标所在坐标
1) 获取光标所在坐标先绑定几个事件:document.onmousedown = mousedown;//鼠标按下去的时候document.onmousemove = mousemove; //鼠标移动的事件document.onmouseup = mouseup;//鼠标松开的事件function mousedown(event){ var e = event || window.event;...原创 2018-05-17 09:29:15 · 3604 阅读 · 0 评论 -
js_元素的隐藏与显示
1. 隐藏显示display:none visibility:hidden都是隐藏的意思,但是前者相当于从html中去掉了标签,而后者只是不显示,但是还是占着相应的位置。与之对应的显示属性为:display:block visibility:visable Js控制: function tm_showhide(obj){ var value = obj.value; var isOpen = ...原创 2018-05-16 21:11:46 · 9495 阅读 · 1 评论 -
js_document
1. document我们常说的dom是指:document object model1) Document的属性document.title //设置文档标题等价于HTML的title标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色document.alinkColor...原创 2018-05-16 21:11:38 · 267 阅读 · 0 评论 -
js_日期与时间
1. 日期 var oTime = new Date();// 也可以去掉new document.write(oTime);输出: 即:sun(周日)Nov(11月)2015(年)23:28:20(时间) GMT+0800 (中国标准时间)其中08即为东8区,即北京时间。 var oTime = new Date();// 也可以去掉new var year = oTime.getYear();...原创 2018-05-16 21:11:31 · 441 阅读 · 0 评论 -
js_运算符
1. 运算符加:+减:-乘:*除:/取余:%大于: >大于等于:>= 小于:<小于等于:<=等于: == 值比较全等于:===:值和类型比较不等于:!= 注1:var默认是浮点数。如: var num10 = 10; var num11 = 3; var num12 = num10/num11; document.write("10/3="+num12);结果:10/3=3...原创 2018-05-15 09:29:01 · 1302 阅读 · 0 评论 -
js_基本语法
1. If语句if (条件 1) { 当条件 1 为 true 时执行的代码 }else if (条件 2) { 当条件 2 为 true 时执行的代码 }else { 当条件 1 和 条件 2 都不为 true 时执行的代码 } 2. Switch语句switch(n){case 1: 执行代码块 1 break;case 2: 执行代码块 2 break;defaul...原创 2018-05-15 09:29:14 · 173 阅读 · 0 评论 -
js_a标签的href
1. 关于a标签的hrefhref取值说明#锚点,定位到当前页面最上方javascript:void(0);一般使用此方式,让a标签可用,又不会跳转javascript:;同上,一般建议使用上面那种javascript:test();有致命缺陷,参数中使用this是函数本身而不是标签。<a href="#">#返回当前页</a> <br /><a href...原创 2018-05-15 09:29:39 · 2396 阅读 · 0 评论 -
js_获取标签信息
1. 获取标签值可以使用对象的innerText属性获取标签的值。<style type="text/css"> .attr{border:1px solid red;width:40px;height:20px;margin:30px 40px;}</style><div name="gary" age="30" class="attr" onclick=&原创 2018-05-15 09:29:46 · 1033 阅读 · 0 评论 -
js_对象
1. 对象var book = {"name":"三毛流浪记","price":10};1) 获取对象:第一种:book.name;第二种:book["name"],2) 修改对象内容:第一种:book.name ="三毛流浪记xx";第二种:book["name"] = "三毛流浪记xx",3) 创建对象:可以像上面一样,直接定义时就添加属性和值,也可以先定义一个空对原创 2018-05-16 21:11:08 · 136 阅读 · 0 评论 -
js_数组
1) 创建数组:第一种方式: var arr = [];// 初始化一个空长度的数组第二种方式: var arr = new Array(); 2) 数组赋值:var book = ["字串1","字串2",30];book[0] = "字串0";// 修改第一个元素book[1] = 20;// 原来的值是字串,重新赋值为数字book[4] = 40;// 数组长度自动变为5,没有赋值的元素为u...原创 2018-05-16 21:11:14 · 394 阅读 · 0 评论 -
js_数组排序
使用sort方法排序。① 数字排序var arr9 = [3,4,2,8,1,3];document.write("<br/>"+arr9);arr9.sort();document.write("<br/>"+arr9); ② 字串排序var arr = new Array()arr[0] = "George"arr[1] = "John"arr[2] = "T原创 2018-05-16 21:11:20 · 162 阅读 · 0 评论 -
js_判断是否为非数字
1. 判断是否为非数字:isNaN语法:isNaN(x)如果 x 是特殊的非数字值 NaN(或者能被转换为这样的值),返回的值就是 true。如果 x 是其他值,则返回 false。简单点说就是,如果参数是数字,或者可以计算或转换为数字,就返回false,其他返回true。document.write("<br />isNaN(123):"+isNaN(123));document.w...原创 2018-05-16 21:11:25 · 7206 阅读 · 0 评论 -
js_数字字串类型转换
1) 浮点数转整数转int类型使用parseInt函数:var num12 = 10/3;/*float转int,只取整数部分,小数部分直接去掉*/ var num14 = parseInt(num12); document.write("10/3="+num12+" ;parseInt(10/3)="+num14);结果:10/3=3.3333333333333335 ;parseInt(10/...原创 2018-05-17 09:29:23 · 153 阅读 · 0 评论