注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

21视频js入门教程代码片段  

2010-01-18 14:12:50|  分类: js代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

21视频js入门教程代码片段

● js 框架:
<script language="javascript" type="text/javascript">
   //javascript代码 ;
</script>

● 警告框:用于确保用户可以得到某些信息。
alert();
格式:
alert("字符串")
alert(变量名)
alert("字符串" +变量名+“”)
警告框出现后,用户需要点击确定按钮才能继续进行操作

● 确认框:用于使用户可以验证或者接受某些信息。
confirm();
格式:
confirm("字符串");
confirm(变量名);
confirm("字符串" +变量名+"");
点确认,返回值为 true。点取消,返回值为 false

● 提示框:用于提示用户在进入页面前输入某个值。
prompt();
格式:
prompt("你要提示的信息");
prompt("你要提示的信息","默认值");
点确认,返回值为输入的值。点取消,返回值为 null。

● 输出窗口:其功能是将括号中的字符或变量值输出到窗口
document.write();
注意:所放的位置,<br>的用法。
document. close(); //输出关闭。
document.表单名.submit(); // 提交表单

● 变量:用来存放数据的容器
var t="hi";
var 是声明变量的关键字,t 是变量名,"hi" 是变量的初值。
声明的变量可不进行初始化,没有初始化的变量值为 undefined。
变量命名要符合规则。一个 var 语句可声明多个变量。
声明的变量是局部变量,未声明为全局变量。
JS变量可以不进行声明而直接使用。
 变量赋值的写法:
var a=document.form1.UserPame.value
  if (a.length<6)
可写成:
  if (document.form1.UserPame.value.length<6)

● 运算符与表达式:
var i=a 运算符 b;
  alert(i);
数据类型 :整型、浮点型 、布尔型 、字符串 、 转义字符
运算符与表达式种类:算术、比较、逻辑、字符串等
保留字:不能被用作变量名或函数名的字或词。

● if 选择:
var s=Math.floor(prompt("请输入您的年龄"."10"));
      if (s<18) //布尔类型的表达式{
         alert();  //表达式为真时执行的语句
      }  else {
         alert();  //表达式为假时执行的语句
      }

● switch 选择:
var s=prompt("请输入您的数字");
    switch(s)   {
      case"1":alert("1"); break;
      case"2":alert("2"); break;
        ……………………………
      case"n":alert("n"); break;
      default:alert("错了!");
    }
//当变量不等于上面所有值时,执行default后的语句    
1.break退出{}
2.case 后只能跟一个值,而不能是一个表达式
3.switch(变量)后没有";"
{}前后都没有";"

● for 循环:
for(变量=初值;范围;步长) {
     循环体
    }

累加: (第3章第4节)
var 函数=初始值
for(变量=初值;范围;步长)  {
    函数=函数+变量
    }
document.write(函数) 

● while 循环:
    var b, i=1;
     b =prompt("请输入检验的单词:","请在这里输入检验的单词!"); 
     while (b!="检验的单词名")
     {
         i++;
         alert("错了哟,请再输入一次!");
         b =prompt("请输入检验的单词:","请在这里输入检验的单词!");   
     }
  alert("你真棒!!")
     alert("第"+i+"次才成功!")

●String(字符串)对象:处理已有的字符块。
⑴charAt()方法:获取第n+1的一个字符
var a=prompt("输入字符串");
var i=a.charAt(n);
alert(i);
⑵substring()方法:获取一段字符
var a="bbbccccddd";
var i=a.substring(3,7);
var i=a.substring(7,3);
alert(i);
⑶replace()方法:替换字符
var a="bbbccccddd";
var i=a.replace("bc","kk");
alert(i);
注意,只替换相符的第一个字符
⑷toLowerCase()方法:转换为小写
var a="JavaScript";
var i=a.toLowerCase();
alert(i);
⑸toUpperCase()方法:转换为大写
方法同上。

●Date(日期)对象:处理日期和时间
var myDate=new Date() //获取当前时间放到变量中
var myDate=new Date(年,月,日,时,分,秒);
Date 对象方法:
Date()                  返回当日的日期和时间
getYear()             从Date 对象以四位数字返回年份
getMonth()           从 Date 对象返回月份 (0 ~ 11)。
getDay()              从 Date 对象返回一周中的某一天 (0 ~ 6)。
getDate()             从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getHours()           返回 Date 对象的小时 (0 ~ 23)。
getMinutes()        返回 Date 对象的分钟 (0 ~ 59)。
getSeconds()       返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds()  返回 Date 对象的毫秒(0 ~ 999)。
getTime()             返回 1970 年 1 月 1 日至今的毫秒数。 
获取当前时间:
<script>
 var myDate=new Date();new
 document.write(myDate);
</script>
获取当前时间(中国的写法):
<script>
 var my=new Date(),ar,th,te,h,m,s;
 ar=my.getYear() ;
 th=my.getMonth()+1;
 te=my.getDate();
 h=my.getHours();
 m=my.getMinutes();
 s=my.getSeconds();
 document.write(""+ar+"年"+th+"月"+te+"日"+h+"时"+m+"分"+s+"秒");
</script>

●Math(数学)对象:执行常见的算数任务。
Math 对象方法:
abs(x)      返回数的绝对值。
ceil(x)       返回大于参数的最小整数。
floor(x)     返回小于参数的最大整数。
round(x)   返回一个四舍五入的整数。
max(x,y)   返回 多个数中的最大值。
min(x,y)    返回 多个数中的最小值。 
pow(x,y)   返回 x 的 y 次幂。
random()  返回 0 ~ 1 之间的随机数。
调用方法:
var a=Math.函数(参数);
alert(a);

● 数组:是用变量名来存储一系列的值。
var a= new Array()
a[0] =78;
a[1] =85;
 …………
a[n] =77;
s=a[0]+a[1]+…+a[n];
t=s/n;
{
document.write"(总分为:"+ s+"<br />平均分为:"+ t+"")
}
数组赋值的三种方法:
①单独的给每个变量赋值,
②var a= new Array(78,85,…,77)
③采用循环方式赋值,从a[0]开始。

● 函数:(自定义)
function  函数名(参数表) {
语句块
return s;//返回值
}
//声明一个函数。function是函数的关键字。
//定义函数的思路:确定函数功能、参数个数、返回值。
例如:输入字符串如大于5个,则显示5个且加上“…”,否则原样输出。
<script language="javascript" type="text/javascript">
function  len(x) {
    if (x.length>5)
   {
         x=x.substring(0,5)+"…<br>";
    }
   return x;//返回值
   }
var  a=prompt("请输入字符串1:"), b=prompt("请输入字符串2:");
a=len(a);
b=len(b);
document.write(a) ;
document.write(b) ;
</script>

● 事件:
⑴调用函数  
①<input type="text" size="30" id="email"value="" onclick="函数名()";>
②<input name="" type="button"  value=""onclick="函数名()";>
③将“函数名()”放在脚本中。
<script type="text/javascript">
function  函数名() {
alert();  }
</script>
⑵直接使用
<input type="text" size="30" id="email" value=""onclick="alert();">
<input name="" type="button"value=""onclick="alert();">
⑶相关事件
onClick="()"; 单击事件     onFocus="()";  得到焦点    onBlur="()"; 失去焦点
onchange ="()"; 下拉菜单改变时

● 获取:指获取文档中的值
⑴ var a=document.表单名.元素名.元素属性;
缺点:只能获取表单内的对象
⑵ var a=document.getElementById("元素ID").元素属性;
缺点:需为元素指定ID
⑶元素属性:
value;元素值、select();全部选择、focus();得到焦点

数据类型 :
整型 :
只能储存整数。可以是正整数、0、负整数,可以是十进制、八进制、十六进制。八进制数的表示方法是在数字前加“0”,如“0123”表示八进制数“123”。十六进制则是加“0x”:“0xEF”表示十六进制数“EF”。
浮点型  :
即“实型”,能储存小数。有资料显示,某些平台对浮点型变量的支持不稳定。没有需要就不要用浮点型。
字符串型  :
是用引号“" "”、“' '”包起来的零个至多个字符。用单引号还是双引号由你决定。跟语文一样,用哪个引号开始就用哪个结束,而且单双引号可嵌套使用:'这里是"JavaScript 教程"。' 不过跟语文不同的是,JavaScript 中引号的嵌套只能有一层。
布尔型  :
常用于判断,只有两个值可选:true(表“真”)和 false(表“假”)。true 和 false 是 JavaScript 的保留字。它们属于“常数”。
转义字符  :
由于一些字符在屏幕上不能显示,或者 JavaScript 语法上已经有了特殊用途,在要用这些字符时,就要使用“转义字符”。转义字符用斜杠“\”开头:\' 单引号、\" 双引号、\n 换行符、\r 回车(以上只列出常用的转义字符)。

运算符  :
算术运算符: +、-、*、/、%、++、--
比较运算符: >、>=、<、<=、==、!=、===、!==
逻辑运算符: && 并且   || 或者   ! 取反
赋值运算符: = +=、-=、*=、/=、%=、&=、|=、^=、<<=、>>=、>>>=
位运算符 :   &、|、^、~、<<、>>、>>>
其它运算符: +、+=、?:、typeof、void、new、delete、instanceof、

在html中的JS代码的加入方法:
①嵌入式:在head 区 或body 区嵌入
<script type="text/javascript">
JS代码
</script>
②链入式:在html中加入标签
<script type="text/javascript" src="js文件地址"></script>
js 文件地址可以是本地文件,也可以是URL。
③行内:把js代码放在html标签的属性值中。如
<body onload="alert('欢迎光临')"> onload 是一个事件句柄,它的值是JS代码。
<a href="javascript:print()">打印</a> href 属性的值是JS代码,前面须加上 JS。

在html中的JS代码的执行方法:
①直接执行:打开网页时, js 文件中的裸代码就会被立即执行。
裸代码:指的是位于函数外的代码。
②函数调用:定义在 function 函数内的代码在函数调用时才会执行。
③事件驱动:当发生某一个事件,如网页被打开、单击、双击鼠标等,执行某段JS代码。

警告框、确认框、提示框的使用方法:
①放在<script></script>中
<script>
alert()
</script>
②放在<input>内
<input  type="text" id="" value=""onClick="confirm();">
③放在函数中
<script>
function disp_prompt()
  {
  var e=prompt("请输入文字","")
  alert("你输入的是:"+e)
    }
</script>
<input type="button" onclick="disp_prompt()" value="按钮" />
④相互套用
<script>
alert(confirm())
</script>
  

21视频js入门教程代码片段 - 火力光波 - 火力光波的博客

  评论这张
 
阅读(1242)| 评论(7)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017