js的对象及使用方法-CSDN博客

本文链接：https://blog.csdn.net/Faker_whoop/article/details/108488723

js的string 对象
var str=“ abc”；
方法属性
length ：长度
方法：（1）与html 相关的方法
bold（）加粗
fontcolor（）字体颜色
fontsize（）字体大小
（2）与java像似的方法
concat（）连接字符串
charAt：返回指定位置的字符串
indexof 返回字符串的位置
split（）切分字符串成数组
replace（）替换字符第一个参数为原始字符第二个是要替换的字符
substr（）截取字符串第一个参数是从哪里开始第二个是截取几个字符
substring（）截取字符串第一个参数是从哪里开始第二个是截取到哪里截止

在这里插入图片描述

js的Array对象

创建数组
var arr=[1,2，3]
var arr2= new Array(3); 数组长度是三
var arr3 = new Array(1,2,3); 数组内容是1,2，3
属性 length 数组长度
方法：
concat（）数组连接
join（）根据指定字符分割数组
push（）向数组末尾添加一个元素返回数组新的长度
也可以添加一个数组但是数组算成一个元素（当成一个整体）等于说只添加了一个元素
pop（）删除返回最后一个元素
reverse（）颠倒数组中的顺序
js的date对象
获取 new date（）得到是其他的格式
toLocaleString（）转化成时间格式
获取当前年的方法 getFullyear（）
获取当前月的方法 getMonth（）是0 -11 需要加一
获取当前的星期 getDay（）返回的是0-6 星期日是用0表示
获取当前的日 getDate（）
获取当前的小时 getHouse（）
获取当前的分钟 getMinutes（）
获得当前的秒 getSeconds（）
获得毫秒数 getTime（）返回1970 1.1至今的毫秒数
应用到处理缓存的效果

在这里插入图片描述
js的Math
都是静态对象可以直接Math.方法
ceil（）方法
向上取整
floor（）方法
向下取整
round（）方法
四舍五入
random
得到随机数（伪随机数）
Math.random（）*10
Math.floor()
pow（x，y）x的y次方

js的全局函数

不属于任何一个对象，直接写名称使用
eval（）执行js代码（如果字符串是一个js代码字符串直接执行）
encodeURI（）
编码中文
decodeURI
解码中文
isNaN（）判断当前字符串是否是数字
是数字返回false
不是数字返回true
parseInt（）类型转换成int型
在这里插入图片描述
js的重载
不存在重载 调用最后一个方法 把传递的参数保存在arguments数组里面
可以通过其他的方式模拟重载

js的bom对象
navigator 获取客户机信息 navigator.appname 得到浏览器名称
screen 获取屏幕信息
location 请求的url地址 href属性
（1）获取请求的url地址
（2）设置url地址页面设置页面安置一个按钮按钮上绑定一个时间当点击这个按钮页面可以跳转到这个界面
history 请求url历史记录
创建三个界面
1.创建第一个界面a.html写一个超连接到b.html
2. 创建b.html超链接到c.html
3. 创建c.html

在这里插入图片描述

window 顶层窗口对象
方法：

alert 页面弹出一个框
confirm（）确认框有一个返回值确定就是true
prompt（）输入对话框
open（“打开的新窗口的地址”，“”，“窗口特征”）打开一个新的窗口
close（）关闭窗口兼容性差一些
做定时器 setInterval（）
window.setInterval（“alert(“123”)”,300）；
300毫秒弹出一个123
setTimeout
在毫秒后执行只会执行一次
clearInterval（）清楚setInterval计数器
cleatrTimeout 清楚setTimeout计时器
js的dom
文档对象模型
dom解析html
需要将html里面的标签属性文本内容封装成对象
会在内存中分配一个树形结构
DHTML是很多技术的简称
html 封装数据
css 使用属性合数性质设置样式
dom 操作html文档
JavaScript 专门值得是js的语法语句
document对象
常用方法：
write（）输出边看输出html代码
getElementById（）通过id得到元素标签
使用getElementById得到input标签
得到iuput里面的value值
可以向input设置一个值
getElementsByname（）
通过标签的name的属性值得到标签
返回的是一个集合（数组）
getElementsByTagName（标签名称）只有一个标签的时候
案例 window弹窗
实现过程创建页面有两个输入项和一个按钮
按钮上面有一个事件弹出一个新窗口
创建弹出页面
表格每一个有一个按钮和编号和姓名
按钮上有一个事件：把当前的编号和姓名；赋值到第一个页面相应的位置

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>use</title>
</head>
<body>
<table border="2"  bordercolor="blue">
    <tr>
        <td>操作</td>
        <td>编号</td>
        <td>姓名</td>
    </tr>
    <tr>
        <td><input type="button"value="选择"οnclick="s1('1000','你海哥')"></td>
        <td>1000</td>
        <td>你海哥</td>
    </tr>
    <tr>
        <td><input type="button"value="选择" οnclick="s1('0.0001','王某')"></td>
        <td>0.0001</td>
        <td>王某</td>
    </tr>
    <tr>
        <td><input type="button"value="选择" οnclick="s1('0.00000000000001','曹某')"></td>
        <td>0.00000000001</td>
        <td>曹某</td>
    </tr>
    <script type="text/javascript">
        //跨页面操作 opener
      function s1(numid,nameid) {
          var pwin=window.opener
          pwin.document.getElementById("numid").value=numid;
          pwin.document.getElementById("nameid").value=nameid;
      }
    </script>
</table>
</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>windows页面</title>
</head>
<body>
姓名：<input type="text" id="nameid"/><br>
编号：<input type="text" id="numid">/<br>
<input type="button" value="选择" onclick="open1()"/>
<script type="text/javascript">
function  open1() {
    window.open("use.html","","width=1600,height=1600");

}

</script>

</body>
</html>