![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
烧了回忆取暖
一个人也很好
展开
-
JavaScript 对象
JavaScript 对象JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。在 JavaScript 中,对象是拥有属性和方法的数据。属性和方法属性是与对象相关的值。方法是能够在对象上执行的动作。举例:汽车就是现实生活中的对象。汽车的属性:car.name=Fiatcar.model=500car.weight=850kgcar原创 2014-11-18 16:50:13 · 361 阅读 · 0 评论 -
数组排序
数组排序//var arr=['dog','boy','cat','apple'];//var arr=[3,12,67,9,23];var arr=[3,12,67,9,23];//方法一:/*arr.sort(function (n1,n2) { if(n1>n2) { return 1; } else if(n1<n2原创 2014-05-25 15:07:06 · 334 阅读 · 0 评论 -
关于数组的应用
数组var a=[1,2,3,4,5,6];//a.shift(); //将数组第一个元素删除//a.unshift(7,8); //将新数据从左到右插入到数组头部//a.push(11,12); //将新数据从左到右插入到数组尾部//a.pop(); //将数组最后一个元素删除//a.splice(1,2); //删除:splice(起点, 长度) 在数组下标原创 2014-05-25 14:45:11 · 1005 阅读 · 0 评论 -
获取时间
Datevar oDate=new Date();//alert(oDate.getSeconds()); //获取秒alert(oDate.getFullYear());alert(oDate.getMonth()+1);alert(oDate.getDate());alert(oDate.getDay());alert(oDate.getHours());alert(oDat原创 2014-05-25 15:29:53 · 372 阅读 · 0 评论 -
数组连接
数组连接var a=[1,2,3];var b=[4,5,6];//alert(a.concat(b)); //将a,b两个数组以a前b后连接alert(b.concat(a)); //将a,b两个数组以b前a后连接原创 2014-05-25 14:50:38 · 390 阅读 · 0 评论 -
提取非行间样式
第一种方法:取非行间样式#div1{ width:200px; height:200px; background:red;}/*window.onload=function(){var oDiv=document.getElementById('div1');//alert(oDiv.style.width);//alert(oDiv.cur原创 2014-05-24 17:56:56 · 346 阅读 · 0 评论 -
三目运算符
三目var a=39;/*if(a%2==0){ alert(a+'是一个双数');}else{ alert(a+'是一个单数');}*/a%2==0?alert(a+'是一个双数'):alert(a+'是一个单数');原创 2014-05-24 11:07:51 · 352 阅读 · 0 评论 -
switch
switch(n){case 1:执行代码块 1break;case 2:执行代码块 2break;default:n 与 case 1 和 case 2 不同时执行的代码}工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止原创 2014-05-23 18:36:01 · 410 阅读 · 0 评论 -
作用域
全局变量:全局变量var a; //全局变量,在任何地方都能用function abc(){a=22;}function bcd(){alert(a);}abc();bcd();局部变量:局部变量//子函数可以使用父函数的局部变量func原创 2014-05-24 14:24:40 · 270 阅读 · 0 评论 -
隔行换色
无标题文档window.onload=function(){ var aLi=document.getElementsByTagName('li'); for(var i=0;i<aLi.length;i++) { if(i%2==0) { aLi[i].style.background='red'; } else { aLi[i].style.back原创 2014-05-23 21:05:53 · 348 阅读 · 0 评论 -
变量类型
变量类型var a=12;alert(typeof a); //number 数字var a='bsfdfh';alert(typeof a); //string 字符串var a=true;alert(typeof a); //booleanvar a=function(){ alert('200');}alert(typeof a); //functi原创 2014-05-23 20:38:44 · 391 阅读 · 0 评论 -
定时器的开启与关闭
无标题文档window.onload=function(){ var oBtn1=document.getElementById('btn1'); var oBtn2=document.getElementById('btn2'); var timer=null; oBtn1.onclick=function() { timer=setInterval(function(){原创 2014-05-25 16:08:53 · 790 阅读 · 0 评论 -
无缝滚动
无缝滚动*{ margin:0; padding:0;}#div1{ width:712px; height:108px; background:red; position:relative; margin:200px auto; overflow:hidden; }#div1 ul{ position:absolute; left:0; top:0;}#div1 ul li{ list原创 2014-05-27 17:50:38 · 298 阅读 · 0 评论 -
JavaScript函数
JavaScript 函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。JavaScript 函数语法函数就是包裹在花括号中的代码块,前面使用了关键词 function:function functionname(){这里是要执行的代码}当调用该函数时,会执行函数内的代码。可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaS原创 2014-11-18 16:51:27 · 366 阅读 · 0 评论 -
javascript的数据类型
javascript的数据类型:字符串、数字、布尔、数组、null、undefined。JavaScript 字符串字符串是存储字符(比如 "Bill Gates")的变量。字符串可以是引号中的任意文本。您可以使用单引号或双引号:var carname="Bill Gates";var carname='Bill Gates';JavaScript 数字原创 2014-11-18 16:47:54 · 337 阅读 · 0 评论 -
JavaScript 运算符
JavaScript 运算符运算符 = 用于赋值。运算符 + 用于加值。运算符 = 用于给 JavaScript 变量赋值。算术运算符 + 用于把值加起来。y=5;z=2;x=y+z; 在以上语句执行后,x 的值是 7。JavaScript 算术运算符算术运算符用于执行变量与/或值之间的算术运算。给定 y=5,下面的表格解释了这些算术运算符:运算符原创 2014-11-18 16:54:59 · 420 阅读 · 0 评论 -
javascript的数据类型
javascript的数据类型:字符串、数字、布尔、数组、null、undefined。JavaScript 字符串字符串是存储字符(比如 "Bill Gates")的变量。字符串可以是引号中的任意文本。您可以使用单引号或双引号:var carname="Bill Gates";var carname='Bill Gates';JavaScript 数字原创 2014-11-15 15:07:29 · 342 阅读 · 0 评论 -
DOM
文档对象模型(DOM,Document Object Model)原创 2014-11-13 21:01:47 · 329 阅读 · 0 评论 -
<script>元素
定义了下列5个元素:1、charset原创 2014-11-13 21:45:51 · 416 阅读 · 0 评论 -
变量,小学生数学与简单的交互
变量,小学生数学与简单的交互变量对于变量的理解:变量是数据的代号。如同人的名字一样。 var num;//在JavaScript中使用关键字var声明一个变量在JavaScript中,使用上面的语法,就可以声明一个变量,以便在之后给其指定值. var num; num=128;//这样,就将num做为值128的一个名字,有了名字,就可以在之后引用! document.wri转载 2014-07-05 09:08:52 · 580 阅读 · 0 评论 -
4.函数与内置对象
函数与内置对象函数函数(又称为方法)用于对一大段为了达到某种目的的代码进行归类,以使代码更具有条理: //一段计算三角形面积的代码 var wide=window.prompt("请输入三角形的底边长度!",""); var high=window.prompt("请输入三角形的高!",""); var area=wide*high/2; if (isNaN(area)) {/转载 2014-07-05 09:30:38 · 327 阅读 · 0 评论 -
数组与对象
数组与对象数组数组,实际上就是将一大堆相似的数据有秩序的放在格子箱中,十分像药房里的那些柜子.数据1数据2数据3数据4数据5数据6用代码创建数组 var arr = new Array();//Array和Date一样,也是一个内置对象,需要使用new运算符创建 arr[0]="数据1";//向数组中添加一个元素,数组中的元素是有编转载 2014-07-05 10:50:02 · 328 阅读 · 0 评论 -
延时提示框
延时提示框#div1{ width:50px; height:50px; background:#000; float:left; position:relative;}#div2{ width:200px; height:200px; background:yellow; float:left; position:relative; left:10px; display:none;}原创 2014-05-27 17:51:21 · 388 阅读 · 0 评论 -
json
json和数组var json={a:2,b:6,c:8}var arr=[2,6,8]//alert(json.b);//alert(json['b']);//alert(arr[1]);//alert(json.length);//alert(arr.length);/*for(var i=0;i{alert('第'+i+'个东西是'原创 2014-05-23 18:38:12 · 306 阅读 · 0 评论 -
javascript基本语法
javascript基本语法//说明代码作用的一行注释/*多行注释,用于较长的注释也可用于测试时注释掉代码*//*代码由此开始每条语句最后用用分号作为结束*/var myName=prompt("Enter your name","");if(myName=="Yuan Wen Ting"){ alert("Hello me");}else{ alert("原创 2014-04-28 21:57:34 · 339 阅读 · 0 评论 -
网页中的JavaScript和基本语法
把javascript应用到网页中是非常容易的,只要使用一下脚本标签原创 2014-04-28 18:09:11 · 390 阅读 · 0 评论 -
js运动基础_完善版
js运动基础#div1{ width:200px; height:200px; background:yellow; position:absolute; top:50px; left:0;}var timer=null;function startMove(){ var oDiv=document.getElementById('div1'); clearInterval(原创 2014-04-23 11:15:16 · 348 阅读 · 0 评论 -
li排序
li排序 #ul1{background:green;}window.onload=function(){ var oUl1=document.getElementById('ul1'); var oBtn=document.getElementById('btn'); oBtn.onclick=function() { var aLi=document.getEl原创 2014-04-22 21:15:05 · 436 阅读 · 0 评论 -
表单模糊搜索
表格window.onload=function(){ var oTab=document.getElementById('tab1'); var oName=document.getElementById('name'); var oBtn=document.getElementById('btn'); oBtn.onclick=function() { for(var原创 2014-04-22 21:13:08 · 536 阅读 · 0 评论 -
表单事件
表单事件window.onload=function(){ var oForm=document.getElementById('form1'); oForm.onsubmit=function() { alert('你确定要提交吗'); } oForm.onreset=function() { alert('你确定要重置吗'); }} 用户名:原创 2014-04-22 21:10:25 · 360 阅读 · 0 评论 -
js运动基础
js运动基础#div1{ width:200px; height:200px; background:yellow; position:absolute; top:50px; left:0;}function startMove(){var oDiv=document.getElementById('div1');setInterval(function ()原创 2014-04-22 21:08:25 · 339 阅读 · 0 评论 -
执行代码
从理论上来讲,在HTML文档中任何地方加加入javas原创 2014-04-29 16:16:14 · 544 阅读 · 0 评论 -
关于Screen.availWidth和Screen.availHeight
关于Screen.availWidth和Screen.availHeight获取高度的误区.Screen对象Screen 对象包含有关客户端显示屏幕的信息。availHeight返回显示屏幕的高度 (除 Windows 任务栏之外)。availWidth返回显示屏幕的宽度 (除 Windows 任务栏之外)。如果需要包括任务栏的就需要使用screen.heigh转载 2014-04-29 17:34:44 · 1481 阅读 · 0 评论 -
对象
对象(object)是使用javascript的核心原创 2014-04-29 16:59:29 · 326 阅读 · 0 评论 -
函数
函数(function)是一个已命名的,可服用的代码块,dabeichengduidedakuohao原创 2014-04-29 16:27:58 · 316 阅读 · 0 评论 -
右侧悬浮框
随着页面的上下滑动,始终停在实现所在页面的右下角原创 2014-04-23 18:01:47 · 505 阅读 · 0 评论 -
淡入淡出效果
利用淡入淡出效果可以对图片进行进一步编辑,效果颇佳淡入淡出#div1{ width:200px; height:200px; background:red; filter:alpha(opacity:30); opacity:0.3;}/*filter:alpha(opacity:30); 适用于IE opacity:0.3; 适用于Chrome 、FF */ w原创 2014-04-23 14:13:57 · 496 阅读 · 0 评论 -
javascript基础知识
Web发展的初期,主要有HTML和gong原创 2014-04-28 17:51:32 · 301 阅读 · 0 评论 -
offset的bug
offset的bug/*#div1{ width:200px; height:200px; background:yellow;}*/#div1{height:200px; background:yellow; border:1px solid #000;} setInterval(function(){ var oDiv=document.getElementById('d原创 2014-04-26 15:54:27 · 440 阅读 · 0 评论 -
多个div点入淡出
多物体运动框架定时器作为物体的属性;参数的传递:物体、目标值;例子:多个div淡入淡出所有东西都不能公用;属性与运动对象绑定,速度,其他属性值(如透明度等)多个div淡入淡出div{ width:200px; height:200px; background:red; margin:20px; float:left; filter:alpha(opacity:30); o原创 2014-04-26 14:54:00 · 471 阅读 · 0 评论