js:bom,bom,bom

迷南。 2023-02-24 08:27 4阅读 0赞

bom:browser object model:浏览器对象模型。它的对象结构如图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70]  
window对象：属性：history和location.  
window的方法：  
1：prompt，输入。2：alert():弹框 3：confirm：显示一个带有提示信息，确定和取消的对话框。 4：close和open打开和关闭窗口。  
history对象的方法：back,forward,go().前进后退。举例一下：  
![在这里插入图片描述][20200708213535474.png]  
![在这里插入图片描述][20200708213600123.png]  
首先要用超链接前进后退，其次才能接下来的前进后退。  
location对象的属性和方法：  
1：document.write(location.host);  
2：location.href=“qianjin.html”;  
3：location.reload();//刷新本页面  
4：location.replace(“qianjin.html”);//相当于页面跳转。

document对象的方法：  
1;getElementById. 2:getElementByName. 3:getElementByTagName等等。

js的内置对象：  
date对象 上图：  
![在这里插入图片描述][20200708215333929.png]  
math对象：  
1: ceil()向上入 2：floor（）向下舍 3：round四舍五入 4：random  
返回0到1之间的随机数。  
例题：随机选择颜色：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 1]  
window的定时方法：  
1：setTimeout(“调用函数”，等待的毫秒数);  
2：setInterval(“调用函数”，间隔的毫秒数);  
3：clearInterval(调用时间函数的一个变量);  
例题：html:  
![在这里插入图片描述][20200708220130904.png]  
js:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70]: /images/20230209/c29797d8bd5c44519be06b5976322cd8.png
[20200708213535474.png]: /images/20230209/e0be08c3661b4835a931a2b962b5aeb3.png
[20200708213600123.png]: /images/20230209/5279d3e2825f485c91cdf4649cac40c8.png
[20200708215333929.png]: /images/20230209/9e0cebdd775e44b89bb55e37c30010db.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200708215735975.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA==,size_16,color_FFFFFF,t_70
[20200708220130904.png]: https://img-blog.csdnimg.cn/20200708220130904.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/2020070822023050.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA==,size_16,color_FFFFFF,t_70

js:bom,bom,bom

发表评论取消回复

还没有评论，来说两句吧...

相关阅读