javascript:DOM,字符串,数组,时间

javascript组成:

1) ECMAscript 规定了js的语法部分 : 字符串、数组、时间的常用函数

字符串:创建字符串,与长度

  //字符串使用定义1:
            var str="adsafdsafd";
            //方式2:使用字符串对象
            var str2=new String("sadsaq");   

  //字符创的长度:
            var strLength=str2.length;
            document.write(strLength);                   
//判断字符串中是否包含某个指定的字符串:

            var stremail="[email protected]";
            var check="@";
            var res=stremail.indexOf(check);
            document.write(res+"<br/>");
//字符串截取
//从参数的索引位置开始截取,一直截取到字符串的结束
            var newstr=stremail.substring(5);
            document.write(newstr+"<br/>");
//从参数1的位置开始截取,截取到参数2,但是不包含参数2

            var nere=stremail.substring(5.8);
            document.write(nere+"<br/>");

//从参数1的位置开始截取,参数2是截取几个

            var ste=stremail.substr(5,3);
            document.write(ste+"<br/>");
            
//大小写转换
//字符串中的所有字转换成大写的

            var str5=stremail.toUpperCase();
            document.write(str5+"<br/>");

//转换成小写

            var str6=str5.toLowerCase();
            document.write(str6);

数组:

//数组声明方式1:字面量方式
            var aryStr=["陈冠希","吴彦祖","彭于晏"];
            alert(aryStr[1]);

//数组声明方式2:构造函数方式
            var aryStu2=new Array();
            aryStu2[0]="黄晓明";
            aryStu2[1]="宋小宝";
            alert(aryStu2[0]);

            for(var i=0;i<aryStr.length;i++){
                document.write(aryStr[i]+"<br/>")
            }
//增强for:循环变量里存放的是索引
            for(var i in aryStr){
                document.write(aryStr[i]+"<br/>")
            }
         var aryStu=["吴彦祖","陈冠希","彭于晏"];
//向数组的末尾增加元素
            aryStu.push("邓超");
            printAry(aryStu);

//删除数组末尾的元素
            aryStu.pop();
            printAry(aryStu);

//向数组开始增加元素
            aryStu.unshift("鹿晗");
            printAry(aryStu);

//删除数组开始元素
            aryStu.shift();
            printAry(aryStu);
//删除数组末尾的元素
            aryStu.pop();
            printAry(aryStu);

//向数组开始增加元素
            aryStu.unshift("**");
            printAry(aryStu);

//删除数组开始元素
            aryStu.shift();
            printAry(aryStu);
//把数组各个元素链接成一个字符串
            var str=aryStu.join();
            alert(str);

//数组元素倒置
            aryStu.reverse();
            printAry(aryStu);

作用:

1、表单验证 重点
2、动态效果:

鼠标移到哪一行,哪一行高亮显示

动态创建、添加、删除标签 重点

3、JSON数据的解析

2)BOM编程  浏览器对象模型,控制浏览器的功能 :

1、获取标签的方式 -重点

id class name tag 层次关系

2、改变样式

标签对象.style.样式=“样式值”;

标签对象.className="类选择器";

3、动态创建、添加、删除标签

动态创建li标签

动态创建行、列表格 克隆节点

标签的赋值、取值:

表单标签: 标签对象.value=""; --赋值

                取值: .value();

非表单标签:标签对象.innerHTML/innerText

1.时间函数

var time=new Date();
time.get               获取各种属性(月份是0-11,星期是0-6,0代表周日)setInterval("获取时间的函数",毫秒)      可按照指定的周期(以毫秒计)来调用函数或计算表达式
时间: 2024-10-17 17:11:40

javascript:DOM,字符串,数组,时间的相关文章

JavaScript内置对象(字符串,数组,日期的处理)

Date 日期对象 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒). 定义一个时间对象 : var Udate=new Date(); 注意:使用关键字new,Date()的首字母必须大写. 使 Udate 成为日期对象,并且已有初始值:当前时间(当前电脑系统时间). 如果要自定义初始值,可以用以下方法: var d = new Date(2012, 10, 1); //2012年10月1日 var d = new Date('Oct 1, 2012'); //2012年

Javascript 解析字符串生成 XML DOM 对象。

Javascript 接收字符串生成 XML DOM 对象.实测对 Firefox .IE6 有效.可用于解析 ajax 的服务器响应结果,也可用于解析自定义字符串.?1. [代码]函数   ppt模版  /** * Parses DOM from XML text.<br /> *  * @author Typhoon.Free.Wolf * @version 2014-02-28_15-51 * @param blDebugFlag *      - Debug flag: true, f

javascript中字符串和数组的相互转换

javascript中字符串和数组的相互转换:字符串和数组的相互转换操作是非常的重要的,因为在实际编码过程中会经常用到,所以这是必须要掌握的知识点,当然这个知识点并不难,知道了就永远知道了,并不是那种需要充分实践才能够掌握的东西,下面就做一下简单的介绍.一.字符串转换为数组:此操作会用到split()函数,它能够以指定的字符作为分隔符,将字符串转换成一个数组,实例代码如下: var Str="abc-mng-zhang-mayi"; var newArray=Str.split(&qu

随笔 JS 字符串 分割成字符串数组 并动态添加到指定ID的DOM 里

JS /* * 字符串 分割成字符串数组 并动态添加到指定ID的DOM 里 * @id 要插入到DOM元素的ID * * 输入值为图片URL 字符串 * */ function addImages(id){ /*字符串 变量*/ var images='{$content.pictureurl} ' ; /* console.log( images ) ;*/ /*字符串分割成字符串数组 split*/ var StringArray = images.split(','); /* consol

JavaScript DOM编程艺术 读书笔记

3 DOM DOM分别指document,object和model. DOM中包含的节点主要分为三种:元素节点.文本节点和属性节点.DOM的原子是元素节点,标签的名字就是元素的名字,元素可以包含其他的元素.没有被包含在其他元素里的唯一元素是<html>元素,它是树节点的根元素:在XHTML文档里,文本节点总是被包含在元素节点的内部.但并非所有的元素节点都包含有文本节点:属性节点用来对元素做出更具体地描述. 有3种DOM方法可获取元素节点,分别是通过元素ID.通过标签名字和通过类名字来获取. 1

JavaScript代码优化(下载时间和执行速度优化)

JavaScript代码的速度被分成两部分:下载时间和执行速度. 下载时间 Web浏览器下载的是js源码,因此所有长变量名和注释都回包含在内.这个因素会增加下载时间.1160是一个TCP-IP包中的字节数.最好能将每个javascript文件都保持在1160字节以下以获得最优的下载时间.    由于这个原因,要删除注释.删除制表符和空格.删除所有的换行.将长变量名缩短. 遵循这4条比较困难.因此用外部程序(ECMAScript Cruncher)来帮助我们. 要运行ESC,必使用Windows系

javascript dom编程艺术 第2版

W3C 推出了标准化的DOM, 就是我们现在常用方法, 比如获取一个元素:document.getElementById(id) 语法用JavaScript编写的脚本,都是由一系列指令构成,这些指令叫做语句(statement). 只要按照正确的语法编写出来的语句才能得到正确的解释.JavaScript 每条语句以换行符或分号视为结束. 如下为两条语句:first statementsecond statement也可以放在一行:first statment; second statment;建

第15天 html css JavaScript dom选择器 示例左侧菜单

CSS补充: - position - background - hover - overflow - z-index - opacity 示例:输入框右边放置图标 JavaScript: 局部变量 var 基本数据类型: 数字 字符串 数组 字典 布尔值 For循环 条件语句 == != === !== || && 函数的定义: function func(){ ... }Dom 找标签 - 直接找 $('#id') $('.c1').siblings() - 简介找 操作: inner

JavaScript中的数组与伪数组的区别

在JavaScript中,除了5种原始数据类型之外,其他所有的都是对象,包括函数(Function). 5种原始数据类型: number boolean string null undefined 在这个前提下,咱们再来讨论JavaScript的对象. 1.创建对象 var obj = {}; //种方式创建对象,被称之为对象直接量(Object Literal) var obj = new Object(); // 创建一个空对象,和{}一样 更多创建对象的知识,参见<JavaScript权威

javascript中字符串常用操作总结、JS字符串操作大全

字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用操作做个整理,一者加深印象,二者方便今后温习查阅. String对象属性 (1) length属性 length算是字符串中非常常用的一个属性了,它的功能是获取字符串的长度.当然需要注意的是js中的中文每个汉字也只代表一个字符,这里可能跟其他语言有些不一样. var str = 'abc'; console.log(str.length);