web前段javascript知识点汇总
格林黄
这个作者很懒,什么都没留下…
展开
-
js运算符,事件
比较运算符== 等于=== 全等(值和类型相等)条件运算符variablename=(condition)?value1:value2如果condition为true;则variable为value1,否则为value2;1.js事件事件是可以被js侦测到的行为onchange 用户改变域的内容onclick 鼠标点击某个对象onfo原创 2017-03-28 09:12:43 · 442 阅读 · 0 评论 -
js基础-----json与数组的区别及for in的使用
无标题文档window.onload=function(){ var json={a:12,b:13,c:14}; var arr=[12,5,7]; alert(json.a); alert(json['b']); alert(arr[0]); //区别1 json方括号中是字符串 数组方括号中是数字 alert(arr.length); //区别2 json中没有le原创 2017-06-10 20:58:50 · 354 阅读 · 0 评论 -
js操作属性的方法
//第一种操作属性的方法 // obj.value="haha" //第二种操作属性的方法 function show(a) { var obj=document.getElementById("tex1"); obj[a]="haha"; } 提交原创 2017-06-03 22:10:06 · 270 阅读 · 0 评论 -
js添加class属性
#div1{ width:100px; height:100px; border:1px solid green;}.box{ background-color:#FF0000;} function toRed() { var obj=document.getElementById("div1"); obj.className="box";//相当于在div添加cl原创 2017-06-03 21:28:12 · 1846 阅读 · 0 评论 -
js--------getElementsByTagName(复选框的应用)
无标题文档window.onload=function(){ var oBtn=document.getElementById("btn"); var oBtn1=document.getElementById("btn1"); var oBtn2=document.getElementById("btn2"); var oDiv=document.getElementById("原创 2017-06-05 22:41:18 · 1053 阅读 · 0 评论 -
js---window.onload
无标题文档 var oDiv=document.getElementById("div1"); alert(oDiv); 以上代码会输出null,即获取不到div1为防止上述错误的出现可以用window.onload无标题文档window.onload=function(){ var oDiv=document.getElementById("转载 2017-06-05 21:14:25 · 237 阅读 · 0 评论 -
js---style添加样式方式
无标题文档 #div1 { width:100px; height:100px; border:1px solid #00CC00; } var oDiv=document.getElementById("div1"); function toChange(value,elem) { oDiv.style[value]=elem; }原创 2017-06-05 20:47:51 · 2536 阅读 · 0 评论 -
js--函数初探
对div变高、变宽、变色的运用方法一无标题文档 #div1 { width:100px; height:100px; background-color:#33CC66; } var oDiv=document.getElementById("div1"); function toHeight() { oDiv.st原创 2017-06-05 20:16:51 · 162 阅读 · 0 评论 -
JQuery
1.JQuery库特性HTML元素选取与操作css操作HTML事件函数JavaSvript特效和动画HTML DOM遍历和修改AJAX2.引用JQuery从jQuery.com下载JQuery库从CDN中下载JQuery3版本介绍V1.x:支持IE6+V2.x:支持IE9+4.官网www.jquery.com5.jquery语法$(sel转载 2017-04-16 21:22:57 · 213 阅读 · 0 评论 -
HTML5新特性
1.音频video&&视频audioYour browser does not support video tag.2.audio元素支持三种音频格式:Ogg Vorbis Firefox 3.5 Opera10.5 Chrome3.0Mp3 IE 9原创 2017-04-16 09:59:24 · 328 阅读 · 0 评论 -
浏览器对象
1.window对象1)所有浏览器都支持window对象。它表示浏览器窗口。2)所有JavaScript全局对象、函数以及变量均自动成为window对象的成员window.document.getElementById("demo");3)window窗口尺寸window窗口尺寸(不包含工具条和滚动条)window.innerHeight--浏览器窗口的内部高度wind原创 2017-04-02 10:58:17 · 431 阅读 · 0 评论 -
js面向对象编程
1.JavaScript面向对象 javascript是一种基于对象的语言,你遇到的所有东西几乎都是对象。但是,他又不是一中真正的面向对象编程(OOP)语言,因为他的语法中没有class(类)2.封装- 生成对象的原始模式var Cat={name:"",color:""}var Cat1={};//创建一个空对象cat1.name="大毛";//赋值cat1.color=转载 2017-04-07 18:35:51 · 610 阅读 · 0 评论 -
DOM对象控制HTML
1.节点相关的操作getElementById()getElementByName()getElementsByClassName()getElementsByTagName()getAttribute():获取元素属性setAttribute():设置元素属性childNodes():访问子节点parentNode():访问父节点createElement()原创 2017-03-29 20:06:30 · 192 阅读 · 0 评论 -
Js HTML DOM
1.DOM简介当网页被加载时,浏览器会创建页面的文档对象模型(document object model)HTML DOM模型被构造为对象的树 通过可编程的对象模型,js可以:1)改变页面中的所有HTML元素2)改变页面中的所有HTML属性3)改变页面中的所有CSS样式4)对页面中的所有事件做一反应 查找HTML元素1)get通过id查找html元素var原创 2017-03-29 09:22:07 · 257 阅读 · 0 评论 -
js异常捕获
try 测试代码块的错误catch 语句处理错误throw 创建自定义错误无标题文档 请输入你的名字: test function textName() { try { var z=document.getElementB原创 2017-03-28 15:02:33 · 396 阅读 · 0 评论 -
js语句
1.循环语句for/in-循环遍历对象的属性 无标题文档 var cars=["Audi","BMW","Volvo"]; for (var my_car in cars) { alert("my_car :"+cars[my_car]); } 2 选择语句无标题文档 var day=new Date().getDay()原创 2017-03-28 10:45:41 · 229 阅读 · 0 评论 -
js基础---函数传参 数组基础
函数返回值什么是函数返回值函数的执行结果可以没有return一个函数应该只返回一种类型的值无标题文档//函数返回值function show(){ return 1; //return "abc"; 不仅仅可以返回数,也可以返回字符串 }alert(show());function sum(a,b){ return a+b;}alert(s原创 2017-06-10 21:51:42 · 2401 阅读 · 0 评论