Javascript数组,String对象,Math对象,Date对象,正则表达式
标题栏的滚动
<html>
<head>
<title>山西众创金融</title>
</head> function init(){
//1.拿到标题栏的文本
var title = document.title;
//alert(title);
//2.将文本字符串转换为数组:
var arr = title.split("");
//alert(arr);
//3.拿到数组的第一个元素,并从数组中删除
var first = arr.shift();
//4.将第一个元素添加到数组的最后
arr.push(first);
//5.将数组再组合成一个字符串
title = arr.join("");
//6.将字符串再赋值回标题栏
document.title = title;
//7.每隔一秒做一遍前六步
setTimeout("init()",);
} </script> <body onload = "init()">
<!--onload事件,从开始就加载--> <hr> </body> </html>
String 对象
big()
<html>
<head>
String对象
</head>
<script type="text/javascript">
/*
String对象的方法
*/
function fun(){
//1.拿到p标签的对象
var p = document.getElementById("p");
//2.拿到p标签对象的主体内容
var txt = p.innerHTML;
//alert(txt);
//innerHTML必须是有开始标签和结束标签的对象才能使用
//3.改变字体内容,再赋值回去
p.innerHTML = txt.big().big();
}
var arr = ["red","bule","yellow","green","purple"];
function fun2(){
//1.拿到p标签对象
var p = document.getElementById("p");
//2.随机取得一个整数作为数组下标
var index = Math.floor(Math.random()*arr.length);
<!--random是0-1之间的数,floor是小于等于这个数-->
//3.拿到p标签对象的主体内容
//var txt = p.innerHTML;
var txt = p.innerText;
//alert(txt);
//4.给p改变颜色,并赋值回去改变颜色,并赋值回去
p.innerHTML = txt.fontcolor(arr[index]);
//alert(p.innerHTML);<!--出现问题了,多个标签堆到一起了,所以改成p.innerText-->
setTimeout("fun2()",2000);
}
function fun3(){
var p = document.getElementById("h1").innerHTML;//标签和文本一起拿到
alert(p);
var b = document.getElementById("h1").innerText; //只拿到文本
alert(b);
}
/*
1.substr() :截取子字符串,两个参数,第一个是下标,第二个是截取的长度。
2.substring() :截取子字符串,两个参数,代表的是下标
*/
var s = "abcdefghig";
alert(s.substring(2,3)); //结果是 c --0,1,2
alert(s.substring(3,2)); //结果是 c 反过来截取
alert(s.substr(2,3)); //结果是 cde
</script>
<body>
<p id="p">变大</p>
<input type="button" value="变大" onclick="fun()">
<input type="button" value="变色" onclick="fun2()">
<hr>
<h1 id="h1"><font>你好</font></h1>
<input type="button" value="演示两个标签innerHTML和innerText的区别" onclick="fun3()">
</body>
Math对象:
1.floor(x): 取得小于等于x的最大
2.ceil(x):取得大于等于x的最大整数
3.random():取得0-1之间的随机数(可以等于0,永远不能取得1)
4.round():四舍五入为整数
var a = 3.1;
alert(Math.floor(a)); //
alert(Math.ceil(a));//
alert(Math.random());//
alert(Math.round(a));//
Date对象
1.拿到当前时间
2.拿取年月日时分秒 getXXX
var d = new Date();
alert(d);
alert(d.toLocaleString());//本地的日期格式 alert(d.getYear()); //显示116 从1900年开始算
alert(d.getMonth()); //0-11月,所以显示的是11,现在是2016年12月16日,星期五
alert(d.getDate()); //得到日期:16
alert(d.getDay());//星期 显示 5
正则表达式
var reg = /.../ ; //包含三个任意的字符
var s = "abcdefg";
var reg2 = /(..)./;//括号表示子匹配 alert(reg.test(s));//测试字符串中是否包含正则表达式中所匹配的字符串,返回boolean类型
alert(reg.exec(s)); //以数组的形式返回匹配的正则表达式的字符串
alert(reg2.exec(s));// abc,ab
alert(reg2.exec(s)[]);//ab
Javascript数组,String对象,Math对象,Date对象,正则表达式的更多相关文章
- JavaScript中Global、Math、Date对象的常用方法
JavaScript当中Global.Math.Date类型常用方法如下: /* js 中 Global对象 是一个不存在的对象,它里面的方法可以调用 常用方法: 1 encodeURI 对uri进行 ...
- JavaScript (六) js的基本语法 - - - Math 及 Date对象、String对象、Array对象
个人博客网:https://wushaopei.github.io/ (你想要这里多有) 一.Math 1.Math对象的案例 var result= Math.max(10,20,30,40) ...
- JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
文章目录 1.工厂方法创建对象 1.1 代码块 1.2.测试结果 2.原型对象 2.1 代码 2.2 测试结果 3.toString 3.1 代码 3.2 测试结果 4.数组 4.1 代码 5.字面量 ...
- 内置对象(Math、Date、String、Array、基本包装类型)
一.内置对象 js中三种对象:内置对象.自定义对象.浏览器对象 实例对象是指通过构造函数创建出来,然后实例化的对象(new关键字) 静态对象是指不需要创建,直接调用的对象,可以在整个JS里调用的公共对 ...
- 从零开始学习前端JAVASCRIPT — 4、JavaScript基础Math和Date对象的介绍
Math对象的介绍 1:Math对象 Math 对象用于执行数学任务.并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math().您无需创建它,通过把 Math 作为对象使用就 ...
- JavaScript-----13.内置对象 Math()和Date()
1. 内置对象 js对象分为3种:自定义对象(var obj={}).内置对象.浏览器对象. 前两种对象是js基础内容,属于ECMAScript,第三个浏览器对象是js独有的.讲js API的时候会讲 ...
- javascript 学习总结(四)Date对象
1.Date.now() //Date.now() is in ECMAScript 5 //Prior to that, use +new Date() //获取当前时间 var now = (ty ...
- JavaScript中String的math方法与RegExp的exec方法的区别
1.exec是正则表达式的方法,方法参数为字符串.match为字符串的方法,参数为正则表达式对象. 2.match与exec都返回数组.如果调用exec方法的正则表达式没有分组内容,则返回第一个匹配的 ...
- javascript将C#json序列化的Date对象转换成正常的Date格式
function ChangeDateFormat(cellval) { var date = new Date(parseInt(cellval.replace("/Date(" ...
随机推荐
- Yii url createUrl redirect相关
一篇文章: 在yii中明明白白生成网址: 在Yii中经常要生成URL,不管是为了自动跳转还是仅仅是一个链接.下面对Yii中的URL生成做了一个总结.提示:以下controllerX代表控制器X,act ...
- ActionBar官方教程(2)选主题让应用支或不支持ActionBar及支持ActionBar的应用如何隐藏和显示
Adding the Action Bar As mentioned above, this guide focuses on how to use the ActionBar APIs in the ...
- $resource
属性/URL映射 AngularJS Resource:与 RESTful API 交互 自定义$resource方法 <!DOCTYPE html> <html ng-app=&q ...
- 对SharePoint 2007数据库中一些数据表的使用
转:http://blog.csdn.net/ma_jiang/article/details/6553392 在工作中接触了一些SharePoint的数据库中的一些表.在此做个总结. 一位高手告诉我 ...
- asp.net mvc ChildActionOnly 和ActionName的用法
ChildActionOnly的目的主要就是让这个Action不通过直接在地址栏输入地址来访问,而是需要通过RenderAction来调用它. <a href="javascript: ...
- NOIP2010关押罪犯 二分+二染色
这个题一上来 没有思路,后来想没有思路就二分吧 那么我们来二分 首先,大于当前的mid值的关系,不能出现在一个集合里 (即关系形成的图是一个二分图,判定二分图可以二染色) 如果不能形成二分图,那么说明 ...
- SQL SERVER 2008查询其他数据库
1.访问本地的其他数据库 --启用Ad Hoc Distributed Queries-- reconfigure reconfigure -- 使用完成后,关闭Ad Hoc Distributed ...
- [Stephen]自定义SimpleAdapter
作者:AngelDevil 出处:www.cnblogs.com/angeldevil 先看一下构造函数: public SimpleAdapter (Context context, List< ...
- python获取当前路径几种方式
__python中操作路径,最好用绝对路径.__这样会避免在多个脚本调用过程中或不同层级调用过程中出现混乱 os.getcwd() sys.argv[0] or sys.path[0] __file_ ...
- 【解决】UEFI+GPT模式下装系统(WIN7/WIN8)
最近在家想把联想超极本重装系统,可是发现想简单了,预装WIN8的本本用的是UEFI+GPT模式,以前老毛桃装系统那一套不好用了,所以百度了一些方案,还没试,先记着. 1. WIN8 先说装WIN8,貌 ...