JavaScript对象小基础
对象的简单学习:
1.String对象
1:属性
在javascript中可以用单引号,或者双引号括起来的一个字符当作
一个字符对象的实例,所以可以在某个字符串后再加上.去调用String
对象的属性和方法。
例如
length返回string对象的长度,代表的是字符串当中字符的个数。
"大家好".length;//字符串的长度是3,每个汉字是一个字符
2:常用方法
方法1:indexOf(substring[,startIndex]):用于返回第一次出现子字符串的字符位置,如果没有找到指定
的字符串,则返回-1;
substring:必选参数,要在string对象中查找的子字符串
startIndex:可选参数,从指定的位置开始查找
例如:
var str="hello world";
var str_length=str.indexOf("o",3);//指定查找的字符“o”,从第三个位置 开始,未找到返回-1
alert(str_length);
方法2:substr(start[,length])用于返回指定字符串的一个字串。
start:必选参数,用于指定获取子字符串的起始下标。如果一个是负数,
那么表示从字符串的尾部开始算起始位置。-1代表最后一个字符-2代表倒数第二个字符,以此类推
length:可选参数,用于指定字符串中字符的个数,如果省略
,则返回从start开始位置到字符串结尾的子串。
var a="hello world";
var subs=a.substr(4,7);
document.write(subs);//打印 :o world
方法3: substring(from[,to])
from:用于指定要获取子字符串的第一个字符在string中的位置
to:可选参数,指定最后的位置
[from,to)前闭后开,包含from,不包含to,所以如果要获取to的字符,需要to+1;
var b="hello world";
var sub=b.substring(6,8);
document.write(sub);//打印:wo
方法4:split(delimiter[,limit])用于将字符串分割为字符串数组
delimiter:指定的分隔符
limit:可选参数,用于指定返回数组的最大长度。
返回值:一个字符串数组
var c="hello.world";
var arr=c.split(".");
for(var i=0;i<arr.length;i++)
document.write(arr[i]);
2.math对象和Date对象学习
http://www.cnblogs.com/biehongli/p/5767520.html
1:Math对象
在使用Math对象时不能使用new关键字创建实例,而是直接使用对象
名.成员这种格式
案例如下
alert(Math.PI);
alert(Math.random());
alert(Math.max(3,45,48578));
alert(Math.min(-45,456,787);
2.Date对象
var now=new Date();
var year=now.getYear()+1900;//获得年,在js中年份需要加1900才可以显示此时此刻的年份
var month=now.getMonth()+1;//获得月份,月份是0-11,所以在js中需要加1
var date=now.getDate();
var day=now.getDay();//获得星期几,将它放入数组显示。
var day_week=new Array("礼拜日","礼拜一","礼拜二","礼拜三","礼拜四","礼拜五","礼拜六");
var week=day_week[day];
var hour=now.getHours();
var mins=now.getMinutes();
var times="当前时间:"+year+"年"+month+"月"+day+"日"+week+hour+":"+mins;
alert(times);
案列:自动更改时间案列
html:
<span id="time"></span>
js代码:
function getDate(){
var date=new Date();
var time=document.getElementById("time");
time.innerHTML=date.toLocaleString().fontcolor("blue");
}
setInterval("getDate()",998);
3.Windows对象。
1:window对象
window对象浏览器窗口对象,是所有对象的顶级对象,window对象
提供了许多属性和方法,这些属性和方法被用来操作浏览器页面的内容。
window对象和Math对象一样,也不需要使用new关键字创建对象实例
而是直接使用对象名.成员的格式来访问其属性或者方法。
2:window对象的常用属性
document 对窗口或者框架中含有文档的document对象的只读引用
defaultStatus 一个可读的字符,用于指定状态栏中默认消息
frames 表示当前窗口中所有的frame对象的集合
location 用于代表窗口或者框架的location对象,如果将一个URL赋给该属性,那么浏览器将加载并显示该URL指定的文档
length 窗口或者框架包含的框架个数
history 对窗口或者框架的history对象只读引用
name 用于存放窗口的名字
status 一个可读写的字符,用于指定状态栏中的当前信息
top 表示最顶层的浏览器窗口
parent 表示包含当前窗口的父窗口
opener 表示打开当前窗口的父窗口
closed 一个只读的布尔值,表示当前窗口是否关闭
self 表示当前窗口
screen 对窗口或者框架的screen对象的只读引用,提供屏幕尺寸,颜色深度等信息
navigator 对窗口或者框架的navigator对象只读引用,通过navigator对象可以获得与浏览器相关的信息
document.write() 可用于直接在网页中输出内容。
2.警告(alert 消息对话框),弹出一个小窗口显示内容。
3.确认(confirm 消息对话框)confirm 消息对话框通常用于允许用户做选择的动作
4.提问(prompt 消息对话框)prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。
弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。
3:window对象的常用方法
alert() 弹出一个警告对话框
confirm() 显示一个确认对话框,单机确认按钮时返回true,否则返回false
prompt() 弹出一个提示对话框,并要求输入一个简单的字符串
blur() 把键盘的焦点从顶层浏览器窗口中移走
close() 关闭窗口
focus() 把键盘的焦点赋予给顶层的浏览器窗口
open() 打开一个新窗口
scrollTo(x,y) 把窗口滚动到(x,y)坐标指定的位置
scrollBy(offsetx,offsety) 按照指定的位移量滚动窗口
setTimeout(time) 在经过指定的时间后执行代码
clearTimeout() 取消对指定代码的延迟执行
moveTo(x,y) 将窗口移动到一个绝对位置
moveBy(offsetx,offsety) 将窗口移动到指定的位移量处
resizeTo(x,y) 设置窗口的大小
print() 相当于浏览器工具栏的打印按钮
setInterval() 周期执行指定的代码
clearInterval() 取消周期性的执行代码
4.screen对象:4个常见的方法:
//高度不包括地址栏
document.write(screen.availHeight+" "+screen.availWidth+"<br />");
//高度包括地址栏
document.write(screen.height+" "+screen.width);
5.history对象:三个方法,
back()---加载 history 列表中的前一个 URL。
forward() --加载 history 列表中的下一个 URL。
go() --加载 history 列表中的某个具体页面。
代码:
//显示浏览器中的url个数,就是你访问的页面个数
alert(history.length);
function goBack(){
window.history.back();//加载 history 列表中的前一个 URL。
}
function goforward(){
window.history.forward();
}
function go(){
window.history.go(-1)//正值代表你浏览的下一个页面
}
html-1代码:history对象.html
form>
<input type="button" value="<-返回你后一个页面" οnclick="goBack()"/><br />
<a href="三角形.html">前一个页面</a>
<input type="button" value="返回你前一个页面->" οnclick="goforward()"/>
<input type="button" value="调到具体的url值的页面" οnclick="go()"/>
</form>
html-2代码:history对象返回.html
<a href="history对象.html">点我</a>
6.location对象。
location对象进行页面定位(跳转)功能。
<script>
window.οnlοad=function(){
location.href="daziji.html";//你要跳转的页面
}
</script>
谢谢 !
JavaScript对象小基础的更多相关文章
- javascript——对象的基础知识
一.javascript作为脚本语言可以完成以下任务: 操纵浏览器对象,如窗口的打开与关闭: 操纵Dom树: 通过XMLHttpRequest对象与服务器端进行异步通信: XML编程,借助于Activ ...
- JavaScript对象属性的基础教程指南
JavaScript是使用“对象化编程”的,或者叫“面向对象编程”的.所谓“对象化编程”,意思是把JavaScript能涉及的范围划分成大大小小的对象,对象下面还继续划分对象直至非常详细为止,所有的编 ...
- 我的javascript学习之路(一)对象之基础
做了2个多月的ajax项目,对js的学习觉得了深入了不少,把自己的一些学习的经验贴出来,希望对初学者有所帮助,也希望大家能指出我的错误之处或者不当之处. javascript 是基于对象的语言,为什么 ...
- JavaScript对象基础知识总结
1.什么叫JavaScript对象? 定义:名值对的集合.简单的讲就是容纳属性值和属性值的容器,这些属性可以是无序的,基本上JavaScript中所有的事物都可以看成对象. 拓展:我们经常说,数组也是 ...
- 前端基础:JavaScript对象
JavaScript对象 在JavaScript中除了null和undefined以外,其他的数据类型都被定义成了对象,也可以用创建对象的方法定义变量,数字型.布尔型.字符串.日期.数字和正则表达式. ...
- JavaScript基础——使用JavaScript对象
JavaScript有许多内置对象,如Number(数字).Array(数组).String(字符串).Date(日期)和Math(数学).这些内置对象都有成员属性和方法.除了JavaScript对象 ...
- Ext JS学习第九天 Ext基础之 扩展原生的javascript对象
此文来记录学习笔记: •Ext对于原生的javascript对象进行了一系列的扩展,我们把他们掌握好,更能深刻的体会Ext的架构,从而对我们的web开发更好的服务, 源码位置,我们可以从开发包的这个位 ...
- Ext JS学习第十天 Ext基础之 扩展原生的javascript对象(二)
此文来记录学习笔记: 今天继续说Ext.Array,Ext.Function,Ext.Date,Ext.Error ------------------------------------------ ...
- JavaScript脚本语言基础(四)
导读: JavaScript和DOM DOM文档对象常用方法和属性 DOW文档对象运用 JSON数据交换格式 正则表达式 1.JavaScript和DOM [返回] 文档对象模型(Document O ...
随机推荐
- 后缀自动机求多串LCS——spojlcs2
/* 每个状态存最长匹配长度,然后多个串匹配过程中取最小的最长匹配长度 和LCS1不同的地方:LCS只要维护住当前匹配长度和最长匹配长度即可,但是多串匹配需要维护的是每个状态结点(即后缀树上)的信息 ...
- dfs套异或的包含性——cf986C好
很好的题,想了半天,官方题解的解法更好 这种异或问题的包含性在北邮的校赛里就出现过,需要认真学习一下 /* y和所有合法的x合并,如果没有剪枝,那么复杂度爆炸总共要判(2^n*2^n) 可以考虑如下优 ...
- Python 让输入的密码不在屏幕上显示
使用getpass模块 #!/usr/bin/env python import getpass username = raw_input("username:") passwor ...
- 限时免费 GoodSync 10 同步工具【转】
一款不错的软件,正在开发本身的云盘,要是能够云执行任务就更好了! GoodSync 10是一种简单和可靠的文件备份和文件同步软件.它会自动分析.同步,并备份您的电子邮件.珍贵的家庭照片.联系人,.MP ...
- LUOGU P1501 [国家集训队]Tree II (lct)
传送门 解题思路 \(lct\),比较模板的一道题,路径加和乘的维护标记与线段树\(2\)差不多,然后剩下就没啥了.但调了我将近一下午.. 代码 #include<iostream> #i ...
- NX二次开发-创建临时坐标系UF_CSYS_create_temp_csys
NX9+VS2012 #include <uf.h> #include <uf_csys.h> #include <uf_mtx.h> UF_initialize( ...
- ElasticSearch 命令执行漏洞(CVE-2014-3120)
POST /_search?pretty HTTP/1.1 Host: your-ip:9200 Accept: */* Accept-Language: en User-Agent: Mozilla ...
- [00]APUE:GCC / GDB / Makefile
http://blog.csdn.net/haoel/article/category/9197 http://blog.csdn.net/haoel/article/details/2886 生成 ...
- springboot配置多数据源mybatis配置失效问题
mybatis配置 #开启驼峰映射 mybatis.configuration.map-underscore-to-camel-case=true #开启打印sql mybatis.configura ...
- java 自加和短路问题 几个例子
x++可以看做一个独立的变量 如int a=x++;x的值先把他赋值给x++然后X++再赋值a,最后x再自加1 ++X int a=++ X 先自加1 x的值赋值给++x然后++x再赋值a ...