JavaScript对象

最新推荐文章于 2022-06-20 07:00:00 发布

权世界是我家的

最新推荐文章于 2022-06-20 07:00:00 发布

阅读量225

点赞数

本文链接：https://blog.csdn.net/qq_36074088/article/details/71123603

版权

BOM实现的功能：

（1）弹出新的浏览器窗口

（2）移动，关闭浏览器窗口及调整窗口的大小

（3）在浏览器窗口中实现页面的前进，后退功能

Windows常用属性、：

history 有关客户访问过的URL的信息

location 有关当前URL的信息

语法：Window。属性名=“属性值”

widow常用方法：

alert（）显示一个带有提示信息和一个“确定”按钮的警示对话框

prompt（）显示可提示用户输入的对话框

close（）关闭浏览器

open（）打开一个新的浏览器

history常用的方法；

back（）加载history对象列表中的前一个URL

forward（）加载history对象列表的后一个URL

go（）加载history对象列表中的某个具体URL

location 常用方法

reload（）重新加载当前文档

replace（）用新的文档替换当前的文档

document常用属性

referrer 返回载入当前文档的URL

URL返回当前文档的URL

document常用方法：

getElementById()返回对拥有指定ID的第一个对象的引用

getElementsByName()返回带有指定名称的对象的集合

getElementsByTagName()返回带有指定标签名的对象的集合

write()向文档写入

<!DOCTYPE html>  
<html>  
  <head>  
    <title>shangji1.html</title>  
     <script type="text/javascript" src="js/jquery-1.11.1.js"></script>  
     <script  type="text/javascript">  
     day-02 javascript对象  
     1.history  
     function fafa() {  
    history.go(0);  
}  
function fa() {  
    history.back();  
}  
function f() {  
    history.foward();  
}  
2.location  
 location.href location.reaload() location.replace()  
   
3.document  
window.onload=function()  
{  
var lis=document.getElementsByName("li");  
for(var i=0;i<i.length;i++)  
{  
lis[i].style.cssText="background:pink";  
list[i].style.BackGroundColor="pink";  
list[i].style.FontSize="15xp";  
}  
    1.使用window对象可以实现弹出窗口，关闭当前窗口，弹出页面消息框等效果。  
    2.使用date对象可以获得当前系统的日期，时间。  
    3.使用特定的函数与date()可以制作时钟特效。     
    4.使用history和location对象的相关属性和方法可以轻松的实现浏览器中“后退”，前进“和”刷新“按钮的功能。  
    5.document对象的getElementById()方法用于访问唯一的元素。  
    6.document对象的getElementByName()方法用于访问相同name属性的一组数组。  
    7.document对象的getElementByTagName方法用于访问相同标签的一组数组元素。  
    </script>  
  </head>  
<body>  
 <input type="button" onclick="fafa()" value="点击">  
  <input type="button" onclick="fa()" value="点击">  
  <input type="button" onclick="f()" value="点击">  
  <div>  
  <ui>  
  <li>香蕉</li>  
  <li>桃子</li>  
    
  </ui>  
  </div>  
</body>  
</html>