分类导航
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsVueDojoJsonElectronNode.jsExpressXMLAjaxUnityReactFlexWeb前端微信小程序支付小程序百度小程序

浅述Javascript的外部对象

JavaScript   发布时间：2022-04-16  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了浅述Javascript的外部对象，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

<p style="text-align: center">

浅述Javascript的外部对象@H_696_4@@H_696_4@@H_696_4@@H_696_4@

Window 浏览器：

@H_696_4@
LOCATIOn：地址 - history：历史 - Document：文档 - screen：窗口 - navigator：帮助

> 1.外部对象就是浏览器提供的API -- **BOM**@H_696_4@

> 2.这些对象由w3c规定，由浏览器开发者设计并开发@H_696_4@

> 3.这些对象分为2部分，其中BOM包含了DOM@H_696_4@

> 4.我们可以通过js访问这些对象@H_696_4@

# 外部对象

@H_696_4@

> BOM (Browser Object Model)@H_696_4@

浏览器对象模型，用来访问和操纵浏览器窗口，是JavaScript有能力与浏览器对话。@H_696_4@

> DOM (Document Object Model)@H_696_4@

文档对象模型，用来操作文档。@H_696_4@

##1.对话框

@H_696_4@

- alert(str) - 提示对话框，显示str字符串的内容@H_696_4@

- confirm(str) - 确认对话框，显示str字符串的内容 - 按"确定"按钮返回true，其他操作返回@R_197_11372@se@H_696_4@

>案例@H_696_4@

可以省略"window." //1.弹出框 //1)弹出框 function f1(){ alert("你好，小俊子"); } //2)确认框 function f2(){ var v = confirm("你吃了吗？"); //点击确定返回true,否则返回@R_197_11372@se console.log(v); } //3)输入框 function f3(){ var p = prompt("你吃的什么？"); //点击取消返回null console.log(p); }

## 2. 定时器

@H_696_4@

- 多用于网页动态时钟，制作倒计时，跑马灯效果@H_696_4@

- 周期性时钟@H_696_4@

- 以一定的间隔执行代码，循环往复@H_696_4@

- seTinterval(exp,timE);@H_696_4@

- 返回已经启动的定时器对象@H_696_4@

- 停止启动的定时器@H_696_4@

- clearInterval(tID) @H_696_4@

- tID:启动的定时器对象@H_696_4@

- 一次性时钟@H_696_4@

- 在一个设定的时间间隔之后来执行代码，而不是在函数被调用后执行@H_696_4@

- setTimeout(exp,timE);@H_696_4@

- 停止启动的定时器@H_696_4@

- clearTimeout(tID)@H_696_4@

- tID:启动的定时器对象@H_696_4@

> 案例@H_696_4@

1)周期性定时器@H_696_4@

{ var n = 5; //启动定时器，返回定时器的ID，用来停止定时器 var id = seTinterval(function(){ console.log(n); switch(n%4){ case 0: btn1();break; case 3: btn2();break; case 2: btn3();break; case 1: btn4();break; default: ; } n++; },100); //启动定时器就相当于启动了一个支线程，当前方法f4相当于主线程。 //2个线程并发执行，不互相等待， //因此主线程在启动完支线程后立刻向下执行，而支线程却需要在1秒后才执行 console.log("蹦"); }

2)一次性定时器@H_696_4@

执行完之后，自动停止， //也可以在未执行前手动停止 var id; function f5(){ //启动定时器,若想在未执行定时器前就将它停止，需要使用id id = setTimeout(function(){ console.log("叮叮叮"); f4(); },3000); } function f6(){ //若定时器已经执行，则取消无效; 若定时器还未执行，则可以取消 clearTimeout(id); console.log("已停止！"); }

## 3. 常用属性

@H_696_4@

- screen 对象@H_696_4@

- 包含有关客户端显示屏幕的信息 - 常用于获取屏幕的分辨率和色彩 - 常用属性： - width height - availWidth availHeight@H_696_4@

- history对象@H_696_4@

- 包含用户访问过的URL@H_696_4@

- length属性：浏览器历史列表中的URL数量@H_696_4@

- 方法：@H_696_4@

- BACk(); - forwird();@H_696_4@

- LOCATIOn对象@H_696_4@

- 包含有关当前URL的信息@H_696_4@

- 常用于获取和改变当前浏览的网址@H_696_4@

- href属性：当前窗口正在浏览的网址地址@H_696_4@

- 方法@H_696_4@

- reload():重新载入当前网址，相当于刷新@H_696_4@

- navigator 对象@H_696_4@

- 包含有关浏览器的信息@H_696_4@

- 常用于获取客户端浏览器和操作系统的信息@H_696_4@

> 案例@H_696_4@

LOCATIOn对象 function f1(){ var b = confirm("你真的要离开我吗？"); if(b){ LOCATIOn.href = "@R_607_10107@://www.tmooc.cn"; } } //刷新页面 function f2(){ LOCATIOn.reload(); } //screen 对象： 获取屏幕宽高 function f3(){ console.log(screen.width); console.log(screen.height); console.log(screen.availWidth); console.log(screen.availHeight); } //history对象 function f4(){ history.forWARD(); } //navigator对象 function f5(){ console.log(navigator.userAgent); }

## DOM@H_696_4@

### DOM操作

@H_696_4@

- 查找节点 - 读取节点信息 - 修改节点信息 - 创建节点信息 - 删除节点@H_696_4@

### 读取、修改@H_696_4@

- 节点信息@H_696_4@

- nodename:节点名称 - nodeType:节点类型@H_696_4@

- (1) 读取节点

@H_696_4@

- 读取节点的名称，类型 @H_696_4@

读写节点@H_696_4@

查询节点@H_696_4@

增删节点@H_696_4@ var p1 = document.getElementById("p1"); console.log(p1.nodeName); console.log(p1.nodeTypE);

- 读写节点的内容@H_696_4@

- 双标签中间的文本叫内容，任何双标签都有内容 - innerHTML：包括子标签信息 - innerText：忽略子标签 @H_696_4@

); p1.innerHTML="1.读写节点"; console.log(p1.innerText);

- 读写节点的值@H_696_4@

- 表单控件中的数据叫值，只有如下表单控件才有值： - input - SELEct - textarea@H_696_4@

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，同时也希望多多支持菜鸟教程！@H_696_4@

大佬总结

以上是大佬教程为你收集整理的浅述Javascript的外部对象全部内容，希望文章能够帮你解决浅述Javascript的外部对象所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：js
猜你在找的JavaScript相关文章
其他相关热搜词更多
phpJavaPython程序员load中如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap