JavaScript(2)

String、Array、Date、Math(前面4个只要能看文档写出来就可以)、全局函数、重载、bom、dom、document对象

1、js的String对象

创建String对象   var str =“abc”;

方法和属性

属性 length:字符串的长度

常用方法

(1)  与html相关的方法

bold():加粗  比如str.bold()

fontcolor():设置字符串的颜色 比如str.fontcolor(“red”)

fontsize():设置字符串的大小  比如str.fontsize(1)     范围1-7

link():将字符串显示为超链接  比如str.link(“超链接的地址”)

sub():下标     sup():上标

(2)  与java相似的方法

concat():连接字符串   比如str.concat(str2)

charAt():返回指定位置的字符串  比如str.charAt(索引位置)  如果字符不存在,返回空字符串

indexOf():返回字符串的位置   比如var str =“abc” str.indexOf(“a”)  如果没有就返回-1

split():切割字符串变成数组

replace():替换字符串  比如str.replace(“原来的值”,“替换后的值”)

substr(): 比如str.sub(a,b)从第a位开始,向后截取b个字符

substring() 比如str.sunstring(c,d)  【c,d)

2、js的Array对象

创建数组 var arr=[a,b,c.. ];/ var arr = new Array{a,b,c..}; /var arr = new Array{3}; 数组长度为3

属性:length  数组的长度

方法 concat():数组的连接

join():使用指定的字符分割数组 比如str.join(“/”)

push():向数组的末尾添加元素,并返回数组的新长度   如果添加的是数组,那么就会把数组当成一个整体添加进去。

pop():删除最后一个元素,并返回被删除的那个元素

reverse():颠倒数组中的元素的顺序

3、js的Date对象

toLocaleString:把日期格式化,转换成当前格式

如var date = new Date();

date.toLocaleString()

getFullYear():得到当前的年

getMonth():得到当前的月(0-11) 所以后面要+1

getDay():返回这周的天(0-6) 星期天为0

getDay():返回当前的天

getHours():得到当前的小时

getMinutes():得到当前的分钟

getSeconds():得到当前的秒

getTime():1970年1月1日到至今的毫秒数   运用场景:使用毫秒数来处理缓存的效果

4、js的Math对象  里面都是静态方法,调用为Math.方法

ceil(x):向上舍入     Math.ceil()

floor(x):向下舍入

round(x):四舍五入

random():返回0-1的随机数

5、js的全局函数   由于不属于任何一个对象,直接写名称使用

eval():执行js代码

encodeURI():对字符进行编码

decodeURI():对字符进行解码

encodeURIComponent():对字符进行编码

decodeURIComponent():对字符进行解码   涵盖范围比较多

isNaN():判断当前字符串是否是数字   返回true和false  是数字返回false,不是数字返回true

parseInt():类型转换

6、函数的重载      方法名相同,参数不同

js里面是否存在重载(面试题)

(1)  js里面不存在重载

(2)  但是可以通过其他方式来模拟重载的效果  aruguments数组模拟

7、js的bom对象

bom:broswer object model 浏览器对象模型

有哪些对象

(1)navigator:获取客户机的信息(浏览器的信息)

格式:navigator.appName    这个是直接获取浏览器的名称

document.write(navigator.appName);

(2)screen:获取屏幕的信息

直接输出 document.writr(screen.width);  获取屏幕的宽度

(3)location :请求url地址

href属性

a.获取到请求的url地址  document.write(location.href);

b.设置url地址

页面上设置一个按钮,按钮上绑定一个事件,当点击这个按钮,页面可以跳转到另外一个界面

代码:<input type = “button” value =“跳转” onclick =“href1();”/>

function href1() {

location.href=“hello.html”;

}

onclick =“js的方法;”   鼠标点击事件

(4)history:请求的url的历史记录

history.go(-1);  到上个页面

history.go(1);   到下个页面

(5)  window    窗口对象、顶层对象  (所以的bom对象都是在window里面操作的)   最重要的

方法:

  1. window.alert()  简写成alert() 页面弹出一个框,显示内容
  2. confirm()  确认提示框

如var flag =window.confirm(“显示的内容”);

3.prompt():输入的对话框  很少用了

window.prompt(“要显示的内容”,“输入的默认值”);

4.open():表示可以打开一个新的窗口

open(“打开的新窗口的的资质”,“”,“窗口特征,比如宽度和高度”);

5.close():关闭窗口(浏览器兼容性比较差)

做定时器

f.setInterval(“js代码”,毫秒数)   1秒=1000毫秒

如 window.setInterval(“alert(‘123’);”,3000); 每3秒弹出123

g.setTimeout(“js代码”,毫秒数) 表示是在毫秒数之后执行,但是只会执行一次

如 window.setInterval(“alert(‘123’);”,3000);

h.clearInterval(id值):清除setInterval()

如 var id = window.setInterval(“alert(‘123’);”,3000);

clearInterval(id);

i.clearTimeout(id值):清除setTimeout()

如 var id2 = window.setInterval(“alert(‘123’);”,3000);

clearTimeout(id2);

8.js的dom对象

dom:document object model 文档对象模型

可以使用js里面的dom提供的对象的属性和方法对超文本文档进行操作

文档:超文本文档(超文本标记文档):html、xml

对象:提供了属性和方法

模型:使用属性和方法操作超文本文档

要想对标记型文档进行操作,需要解析标记型文档

根据html的层级结构,在内存中分配一个树形结构,需要把html中的每部分(标签、文本、属性)封装成对象。

document对象:整个文档

element对象:标签对象

属性对象:

文本对象

Node节点对象:这个对象是所有对象的父对象

如果在其他对象找不到想要的方法,这个时候到Node对象里面去找

DHTML:是很多技术的简称(html、css、dom、javascript(专门指的js的语法语句))

9、document对象  表示整个的文档

<input type= “text” name =“name1” value =“aaaa”/> input是标签 text和value 是元素   name1和aaaa是属性值

常用方法

a.write()  向页面输出变量(值)/向页面输出html代码

比如 var  str =“abc”  document.write(str);

b.getElementById(“id值”):通过id得到元素(标签),需要返回值   一般这个用得最多,比较方便

c.getElementsByName():通过标签的name的属性值得到标签,返回的是一个集合(数组)。 所以要遍历数组得到每一个数组对象

d.getElementsByTagName(“标签名称”):通过标签名称得到元素,返回是一个数组。

注意: c和d由于返回的是一个数组,如果只有一个 ,那么如果要获取属性值,可以不用遍历,直接用数组下标获取

如 var inputs = document.getElementsByName(“nameid”)[0];

opener:属性,获取创建当前窗口的窗

时间: 2024-10-28 14:51:12

JavaScript(2)的相关文章

JavaScript(15)jQuery 选择器

jQuery 选择器 选择器允许对元素组或单个元素进行操作. jQuery 元素选择器和属性选择器允许通过标签名.属性名或内容对 HTML 元素进行选择. 在 HTML DOM 术语中:选择器允许对 DOM 元素组或单个 DOM 节点进行操作. jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素. $("p") 选取 <p> 元素. $("p.intro") 选取所有 class="intro" 的 &

初探JavaScript(二)——JS如何动态操控HTML

除去五一三天,我已经和<JavaScript Dom编程艺术>磨合了六天,第一印象很好.慢慢的,我发现这是一块排骨,除了肉还有骨头.遇到不解的地方就会多看几遍,实在不懂的先跳过,毕竟,初次接触JS,没有必要花费过多时间去钻死胡同,先混个脸熟,以后再来拜访也未尝不可嘛.就这样,踉踉跄跄.囫囵吞枣似的已经过五关斩六将,到达第十一章. 书中有几个章节并没有从语法.技术等层面介绍JavaScript,而是站在一个全局的角度,立足编程原则和习惯道破了我们该如何看待和使用这门语言,主要有以下几点: Jav

Head first javascript(二)

three basic data types text number boolean 变量 var var_name; 用'='初始化变量 var var_name = ini_value; const (不是所有浏览器都支持const) const const_name = ini_value; nan: not a number 使用一些未初始化的变量进行计算的时候会产生nan,如: const unknown; total = (1 + 2) * unknown; 这里total在计算的时

Head first javascript(一)

网页需要更好的交互体验,仅仅有html和css当然不够,因此javascript粉末登场 <script>表示当前页面有javascript,一般放在<head>中 <html> <head> <title>...</title> <script type = "text/javascript"> function ... </script> </head> ... </h

你不知道的Javascript(上卷)读书笔记之一 ---- 作用域

你不知道的Javascript(上卷)这本书在我看来是一本还不错的书籍,这本书用比较简洁的语言来描述Js的那些"坑",在这里写一些博客记录一下笔记以便消化吸收. 1 编译原理 在此书中,开始便提出:Javascript是一门编译型语言,我一开始以为这是国内翻译的锅,翻译的不够准确,后来我还专门去github看了,作者确实是将Js描述为一门编译型语言(compiled language).然而我认为作者更想表达的是Js也拥有和Java一般的特定的编译过程.而不是传统得认为只是单纯的进行&

面向对象的JavaScript(2):类

在小项目中对于JavaScript使用,只要写几个function就行了.但在大型项目中,尤其是在开发追求良好的用户体验的网站中,如SNS,就会 用到大量的JavaScrpt,有时JavaScript的工作量胜过了C#,这时写一堆function,就会显得很乱,杂乱无章,甚至会出现命名冲突,管理和维 护起来都很麻烦.对于这种情况我们就需要使用面向对象的思想来开发JavaScript.那我们就这样作罢: 在上一节面 向对象的JavaScript(1):命名空间  中说了怎么定义JavaScript

初探JavaScript(一)——也谈元素节点、属性节点、文本节点

Javascript大行其道的时候,怎么能少了我来凑凑热闹^_^ 基本上自己对于js的知识储备很少,先前有用过JQuery实现一些简单功能,要论起JS的前世今生,来龙去脉,我就一小白.抱起一本<Javascript Dom编程艺术>,开始慢慢走近JS,与它套近乎,今天是第三天了,从目前来看,比较好相处.就此动笔,是一个回忆复习的过程,权当是自己的一份读书笔记. JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型,已经被广泛用于Web应用开发,常用来为网

Ext JS学习第三天 我们所熟悉的javascript(二)

•javascript之函数 •对于Ext开发者,我还是希望你能对javascript原生的东西非常了解.甚至熟练掌握运用.那么函数,无疑是非常重要的概念.首先在前面一讲,我们知道了函数也是一种数据类型,创建函数一共有三种方式.每种方式他们都会有区别,分别为: –function语句形式 –函数直接量形式 –构造函数形式 •函数中的arguments对象 –argument的作用一:接受函数的实际参数 –argument的作用二:用于做递归操作 栗子代码 1 //Function 函数 2 //

Ext JS学习第二天 我们所熟悉的javascript(一)

此文用来记录学习笔记: •ExtJS是一个强大的javascript框架,如果想真正的掌握ExtJS,那么我们必须要对javascript有一定的认识,所以很有必要静下心来,抱着一本javascript书籍,恶补一番.推荐书籍<javascript高级程序设计>.<javascript设计模式>. •在这里我们学习一下可能你从未接触过的javascript,这些javascript知识是我们要学好ExtJS这个框架非常有必要的.必备的知识.我们需要掌握的内容有: –javascri

tips javascript(一)

tips javascript(一) 实现type函数用于识别标准类型和内置对象类型,语法如下: var t = type(obj); function type(o){    if (o === null)        return 'null';    if (typeof o !== 'object')        return typeof o;     if (o instanceof Number)        return 'number'     if (o instanc