您的位置:首页 > Web前端 > JavaScript

JavaScript笔记之二--- 崔西凡day03

2019-12-18 11:14 92 查看

JS的对象

string对象

属性
length
方法
  1. 与html有关的方法

    bold方法
    fontcolor
    sub
    sup
  2. 与java类似的方法

    concat
    charat 返回指定位置字符串
    indexof返回字符串位置 字符串不在返回-1
    split 切分字符串 为数组
    replace 替换

array对象

join方法 原始数组是逗号,换成你想要的
concat方法
push方法 想数组末尾加新的元素
pop方法 把最后删掉后给你返回
reverse方法

JS的date对象

java中的操作 new date 格式不对 ,想转换为中国人的方式

  1. 方法一 格式化
  2. 方法二 tolocalstring

js中的操作 var date = new date
方法一 tolocalstring

getfullyear 方法 获取年份
date.getmonth+1 获取当前月 要加一
getday 返回的也是0-6 获取当前星期 星期天是0
getdate 得到当前的天
gethours 得到当前的小时
getminutes 当前分钟
gettime 得到当前的毫秒数 处理缓存
参数 www.baidu.com?毫秒数

JS的math对象

这个对象都是静态方法 ,直接使用,不能new
ceil方法
floor方法
round方法
random方法 返回 0.0–1.0 的伪随机数

JS的全局函数

它不属于任何一个对象,直接写名称使用,不能new
eval() 直接执行js方法
encodeURI: 对字符编码,对中文挺好的
和decodeURI 对字符进行解码
isNAN
Parseint方法

JS的BOM对象

navigaror.getName : 得到浏览器名称
screen : 获取屏幕的信息

document.write(screem.height)

location :请求的url, 记住href属性

href获取请求的url地址
设置url地址
页面安置一个按钮,按钮
<imput type=“button” value= ”跳转“  onclick=”href1”>
href fuction href1{
location.href=“hello.html” //同一个目录下地址
}

history:请求url的历史记录

创建三个页面
一 a.html   b.html  c.html

window: 窗口对象,顶层对象 ,上面的对象都在window对象里面。
方法

window.alert 一般都简写alert
confirm确认框
prompt 输入对话框
open  打开一个新的窗口
close  兼容性差
做定时器
--setinterval(“js代码”,“毫秒数”)
--settimeout(“js代码”,“毫秒数”) 只执行一次js代码
--clearinterval
--cleartimeout

JS的DOM对象 document object model

文档:

超文本标记文档 html, xml

对象

属性和方法

模型

使用属性和方法操作超文本标记型文档

第一步,对标记型文档全部封装成对象
第二步, 解析标记型文档

--1 内存中分配一个树结构 ,根据html层级结构分配一个树形结构
document对象:整个html文档
element:标签对象
属性对象
文本对象
NODE节点对象:
---是这些对象的父对象,当以上对象找不到方法就在父对象找。

html :封装数据
css: 使用属性和属性值
dom: 操作html
JavaScript: 专门指的是js的语法语句

document对象
每个载入浏览器的html都会变成document对象
write方法
getElemngtId 通过id得到元素(标签)其实就是个一个对象

<input type"text" id= "nameid" value= "aaaa默认值">
imput1 =documen.getElemngtId(”nameid”)//得到的是一个对象,用一个东西装它
alert(input1.value)//得到value值
imput.value= “11111”   //改值为1111-  ---设置值

getElemngtname 根据name值得到元素,注意它返回的是数组,因为有好几个name值会相等,数组里面是一个个对象。如果只有一个name值相同,直接后面加个下标【0】,返回就是一个对象。

<input type"text" id= "nameid"  name=“imput1” value= "aaaa默认值">

getElemngttagname 根据标签名称, 比如input,返回的也可能是数组,数组里面是一个个对象。

10.案例 window弹窗案例

跨页面操作 var pwin = window.opener 方法
记住value 就是text输入框中的值
做这个案例的时候会有一个问题
谷歌安全性非常高, js不能访问本地文件,所以谷歌访问第二个页面失效,实际开发中不存在这个问题。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: