快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

javascript学习1-变量和语句

javascript是单独的语言,与JAVA完全不同。

创新互联公司是专业的南木林网站建设公司,南木林接单;提供成都做网站、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行南木林网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

    字符串:

    布尔:

    时间:

    数值:没有强制类型限制,但在计算小数时,需要先*再/精确小数位

    数组(列表):使用for读取

    对象(字典):键:值

字符串属性和方法

constructor对创建该对象的函数的引用
length字符串的长度
prototype允许您向对象添加属性和方法


charAt()返回在指定位置的字符。
charCodeAt()返回在指定的位置的字符的 Unicode 编码。
concat()连接两个或更多字符串,并返回新的字符串。
fromCharCode()将 Unicode 编码转为字符。
indexOf()返回某个指定的字符串值在字符串中首次出现的位置。
includes()查找字符串中是否包含指定的子字符串。
lastIndexOf()从后向前搜索字符串,并从起始位置(0)开始计算返回字符串最后出现的位置。
match()查找找到一个或多个正则表达式的匹配。
repeat()复制字符串指定次数,并将它们连接在一起返回。
replace()在字符串中查找匹配的子串, 并替换与正则表达式匹配的子串。
search()查找与正则表达式相匹配的值。
slice()提取字符串的片断,并在新的字符串中返回被提取的部分。
split()把字符串分割为字符串数组。
startsWith()查看字符串是否以指定的子字符串开头。
substr()从起始索引号提取字符串中指定数目的字符。
substring()提取字符串中两个指定的索引号之间的字符。
toLowerCase()把字符串转换为小写。
toUpperCase()把字符串转换为大写。
trim()去除字符串两边的空白
toLocaleLowerCase()根据本地主机的语言环境把字符串转换为小写。
toLocaleUpperCase()根据本地主机的语言环境把字符串转换为大写。



时间对象的属性和方法:

constructor返回对创建此对象的 Date 函数的引用。
prototype使您有能力向对象添加属性和方法。


getDate()从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()从 Date 对象返回一周中的某一天 (0 ~ 6)。
getFullYear()从 Date 对象以四位数字返回年份。
getHours()返回 Date 对象的小时 (0 ~ 23)。
getMilliseconds()返回 Date 对象的毫秒(0 ~ 999)。
getMinutes()返回 Date 对象的分钟 (0 ~ 59)。
getMonth()从 Date 对象返回月份 (0 ~ 11)。
getSeconds()返回 Date 对象的秒数 (0 ~ 59)。
getTime()返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset()返回本地时间与格林威治标准时间 (GMT) 的分钟差。
getUTCDate()根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
getUTCDay()根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
getUTCFullYear()根据世界时从 Date 对象返回四位数的年份。
getUTCHours()根据世界时返回 Date 对象的小时 (0 ~ 23)。
getUTCMilliseconds()根据世界时返回 Date 对象的毫秒(0 ~ 999)。
getUTCMinutes()根据世界时返回 Date 对象的分钟 (0 ~ 59)。
getUTCMonth()根据世界时从 Date 对象返回月份 (0 ~ 11)。
getUTCSeconds()根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
parse()返回1970年1月1日午夜到指定日期(字符串)的毫秒数。
setDate()设置 Date 对象中月的某一天 (1 ~ 31)。
setFullYear()设置 Date 对象中的年份(四位数字)。
setHours()设置 Date 对象中的小时 (0 ~ 23)。
setMilliseconds()设置 Date 对象中的毫秒 (0 ~ 999)。
setMinutes()设置 Date 对象中的分钟 (0 ~ 59)。
setMonth()设置 Date 对象中月份 (0 ~ 11)。
setSeconds()设置 Date 对象中的秒钟 (0 ~ 59)。
setTime()setTime() 方法以毫秒设置 Date 对象。
setUTCData()根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCFullYear()根据世界时设置 Date 对象中的年份(四位数字)。
setUTCHours()根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMilliseconds()根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
setUTCMinutes()根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCMonth()根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCSeconds()setUTCSeconds() 方法用于根据世界时 (UTC) 设置指定时间的秒字段。
toDateString()把 Date 对象的日期部分转换为字符串。
toISOString()使用 ISO 标准返回字符串的日期格式。
toJSON()以 JSON 数据格式返回日期字符串。
toLocaleDateString()根据本地时间格式,把 Date 对象的日期部分转换为字符串。
toLocaleTimeString()根据本地时间格式,把 Date 对象的时间部分转换为字符串。
toLocaleString()据本地时间格式,把 Date 对象转换为字符串。
toString()把 Date 对象转换为字符串。
toTimeString()把 Date 对象的时间部分转换为字符串。
toUTCString()根据世界时,把 Date 对象转换为字符串。
UTC()根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。
valueOf()返回 Date 对象的原始值。
reduceRight()将数组元素计算为一个值(从右到左)。
reverse()反转数组的元素顺序。
shift()删除并返回数组的第一个元素。
slice()选取数组的的一部分,并返回一个新数组。
some()检测数组元素中是否有元素符合指定条件。
sort()对数组的元素进行排序。
splice()从数组中添加或删除元素。
toString()把数组转换为字符串,并返回结果。
unshift()向数组的开头添加一个或更多元素,并返回新的长度。
valueOf()回数组对象的原始值。

    var d=new Date();
    d.getTime();
    document.write(d);
    d.setDate(17);
    document.write(d);


列表属性和方法

constructor返回创建数组对象的原型函数。
length设置或返回数组元素的个数。
prototype允许你向数组对象添加属性或方法。


concat()连接两个或更多的数组,并返回结果。
copyWithin()从数组的指定位置拷贝元素到数组的另一个指定位置中。
entries()返回数组的可迭代对象。
every()检测数值元素的每个元素是否都符合条件。
fill()使用一个固定值来填充数组。
filter()检测数值元素,并返回符合条件所有元素的数组。
find()返回符合传入测试(函数)条件的数组元素。
findIndex()返回符合传入测试(函数)条件的数组元素索引。
forEach()数组每个元素都执行一次回调函数。
from()通过给定的对象中创建一个数组。
includes()判断一个数组是否包含一个指定的值。
indexOf()搜索数组中的元素,并返回它所在的位置。
isArray()判断对象是否为数组。
join()把数组的所有元素放入一个字符串。
keys()返回数组的可迭代对象,包含原始数组的键(key)。
lastIndexOf()搜索数组中的元素,并返回它最后出现的位置。
map()通过指定函数处理数组的每个元素,并返回处理后的数组。
pop()删除数组的最后一个元素并返回删除的元素。
push()向数组的末尾添加一个或更多元素,并返回新的长度。
reduce()将数组元素计算为一个值(从左到右)。


定义函数:

function funcname(arg1,arg2,...){

    代码块;
}


if语句:

if (条件){
    代码块;
}
//----------
if (条件2){
    代码块1;
}else if(条件2){
    代码块2;
}

... ...
else if(条件N){
    代码块N;
}

for语句:

    1、for in:遍历数组/字典

for (变量 in 对象){
    代码块;
}

//--------------
    list=['a',2,3,4,5,6,7];
    for (var s in list){
     document.write(list[s]);
    }

    2、for 条件:可以使用break强制退出,也可使用continue退出本次循环

for ([条件变量];[表达式];[条件变量自增]){
    代码块;
}
//----------打印下标为偶数
    list=['a',2,3,4,5,6,7];
    for (var i=0;ilist.length){
        break;
      }
    }

while语句:

while(条件){
    代码块;
}
//----
while (list[n]){
  document.write(list[n]);
  n++;
}


do while语句:比while多循环一次

do{
    代码块;
}
while(条件);

Switch语句:选择指定值执行

缺少break会从满足条件运行,并运行后面所有分支,直到break或switch结束

case条件使用的是===判断

switch(n)
{
    case 1:
        代码块1;
    case 2:
        代码块2;
    ……
    
    case n:
        代码块n;
    default:
        不满足以上条件执行的代码块;
}
//---
    list=['a',2,3,4,5];
    var n=9;
    switch (n)
      {
        case 1:
          document.write(list[n]);
          break;
        case 2:
          document.write(list[n]);
          break;
        case 3:
          document.write(list[n]);
          break;
        case 4:
          document.write(list[n]);
          break;
        case 5:
          document.write(list[n]);
          break;
        default:
          document.write('超出列表');
          break;
      }

小练习:

document.body.scrollTop:设定网页滚动条位置。

function gotop(){
  document.body.scrollTop=0;
}
//返回网页顶部

setInterval('函数名',时间毫秒):指定时间运行函数

function warm_box(){
    alert("hello word! hard work!")
}
setInterval("warm_box()",2000)

×××灯效果一(带停顿):

    function note(){
      var t = document.getElementById('ti');
      var s = t.innerHTML;
      var sl = s.split('');
      var c = sl.shift();
      sl.push(c);
      var ss=sl.join('')
 
      t.innerHTML=ss;
    }
    setInterval('note()',200);

×××灯效果二(不带停顿):获取元素文本使用innerText

    function note(){
      var t = document.getElementById('ti');
      var s = t.innerText;
      var sl = s.split('');
      var c = sl.shift();
      sl.push(c);
      var ss=sl.join('')
 
      t.innerText=ss;
    }
    setInterval('note()',200);


分享名称:javascript学习1-变量和语句
文章转载:http://6mz.cn/article/gdpogi.html

其他资讯