学习记录-javascript
文章平均质量分 78
叶炀
这个作者很懒,什么都没留下…
展开
-
javescript基础
1、<script type="text/javascript">表示在之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。也可将JS文件嵌入HTML文件中一般放在网页的head或者body部分2、函数function 函数名(){ 函数代码;}函数调用 f原创 2015-01-12 22:45:34 · 1049 阅读 · 0 评论 -
【代码片段】javascript上传文件并预览
var fileInput = document.getElementById('test-image-file'), info = document.getElementById('test-file-info'), preview = document.getElementById('test-image-preview');// 监听change事件:fileIn转载 2015-08-31 15:27:40 · 724 阅读 · 0 评论 -
javascript操作表单
1、基础文本框,对应的,用于输入文本;口令框,对应的,用于输入口令;单选框,对应的,用于选择一项;复选框,对应的,用于选择多项;下拉框,对应的,用于选择一项;隐藏文本,对应的,用户不可见,但表单提交时会把隐藏文本发送到服务器。2、获取值// var input = document.getElementById('email');input.value; //原创 2015-08-28 16:26:06 · 688 阅读 · 0 评论 -
javascript浏览器对象(window/计时器/History/location/navigator/screen/document)
1、window对象2、计时器方法setInterval(代码,交互时间);计时器 var int=setInterval(clock, 100) function clock(){ var time=new Date(); document.getElementById("clock").value = time; }原创 2015-05-06 15:06:43 · 1383 阅读 · 0 评论 -
dom(getElementsByName()\getElementsByName()\getAttribute()\setAttribute()\节点属性)
1、dom文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。var mychar = document.getElementById("con"); mychar.style.color="red";mychar.style.原创 2015-06-08 17:10:28 · 2625 阅读 · 0 评论 -
javescript循环(for…in…/Map和Set/函数/apply()与call()/map()/reduce()/filter()/sort())
1、for…in…循环,可以把一个对象的所有属性依次循环出来var o = { name: 'Jack', age: 20, city: 'Beijing'};for (var key in o) { alert(key); // 'name', 'age', 'city'}要过滤掉对象继承的属性,用hasOwnProperty()来实现var o原创 2015-07-01 16:34:04 · 793 阅读 · 0 评论 -
javescript基础2(变量/数组)
1、变量必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。var num1 = 123; // 123是数值var num2 = "一二三"; //"一二三"是字符串var num3=true; //布尔值true(真),false(假)mynum = 10;mynum++; //mynum的值变为11mynum--; /原创 2015-01-20 16:42:36 · 753 阅读 · 0 评论 -
javascript数组方法部分举例(push()/pop()/unshift()/shift()/reverse()/splice()/concat()/join())
1、push()向Array的末尾添加若干元素,pop()则把Array的最后一个元素删除掉var arr = [1, 2];arr.push('A', 'B'); // 返回Array新的长度: 4arr; // [1, 2, 'A', 'B']arr.pop(); // pop()返回'B'arr; // [1, 2, 'A']arr.pop(); // 空数组继续pop不会报错原创 2015-07-01 15:35:26 · 2352 阅读 · 0 评论 -
javescript日期设置/大小写转换/charAt/indexOf/split【slice】/substr/math/Array数组方法
1、日期对象设置原创 2015-04-01 21:41:31 · 747 阅读 · 0 评论 -
javascript(浏览器窗口可视区域)
1、浏览器窗口可视区域大小1.1对于IE9+、Chrome、Firefox、Opera 以及 Safari:• window.innerHeight - 浏览器窗口的内部高度• window.innerWidth - 浏览器窗口的内部宽度对于 Internet Explorer 8、7、6、5:• document.documentElement.clientHeig原创 2015-06-23 16:38:46 · 1105 阅读 · 0 评论 -
【代码片段】javascript下新增、删除一行/选中文字变颜色
new document window.onload = function(){ Highlight(); } function addOne(obj){ var tbody = document.getElementById('table').lastChild; var tr = document.createElement(转载 2015-06-23 16:40:19 · 918 阅读 · 0 评论 -
【代码片段】javascript下选项卡切换
实践题 - 选项卡 *{padding:0px;margin: 0px;font:12px normal "microsoft yahei";} #tabs {width:290px;padding:5px;height:150px;margin:20px;} #tabs ul{list-style:none;display: block;转载 2015-06-23 16:48:12 · 593 阅读 · 0 评论 -
【代码片段】 javascript五秒返回主页
浏览器对象 操作成功 5秒后回到主页 返回 var sec = document.getElementById("second"); var i = 5; var timer = setInterval(function(){ i--; sec.innerHTML = i; if(i==1){ window转载 2015-05-06 15:15:53 · 1974 阅读 · 0 评论 -
【代码片段】javascript多个多选框全选或全不选
无标题文档 请选择你爱好: 音乐 登山 游泳 阅读 打球 跑步 请输入您要选择爱好的序号,序号为1-6:转载 2015-05-08 15:42:12 · 661 阅读 · 0 评论 -
javascript事件(onclick/onmouseover/onmouseout等)
1、常用事件2、打开新窗口,onclick点击事件单击事件 function openwin(){ window.open('http://www.baidu.com','_blank','height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');}原创 2015-04-01 15:45:41 · 3312 阅读 · 0 评论 -
javascript对象(date转换/正则表达式)
1、各字段判断类型用parseInt()或parseFloat()来转换任意类型到number判断Array要使用Array.isArray(arr)判断null请使用myVar === null判断某个全局变量是否存在用typeof window.myVar === 'undefined'函数内部判断某个变量是否存在用typeof myVar === 'undefined'原创 2015-07-22 17:01:55 · 1620 阅读 · 0 评论