JS中BOM的加载事件

最新推荐文章于 2024-04-01 13:40:45 发布
最新推荐文章于 2024-04-01 13:40:45 发布
阅读量148 收藏
点赞数
原文链接：http://www.cnblogs.com/hzdwwzz/p/10332084.html
版权

BOM--->Browser Object Model 浏览器对象模型,操作浏览器的。

浏览器中有个顶级对象:window
页面中顶级对象:document
页面中所有的内容都是属于浏览器的,页面中的内容也都是window的，变量是window的
要使用变量或者方法时候，window可以省略
因为页面中的所有内容都是window的,window是可以省略的.

加载事件


window.onload---只要页面加载完毕,这个事件就会触发

window.onunload--页面关闭后才触发的事件

window.onbeforeunload--页面关闭之前触发的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    // document.getElementById("btn").onclick=function () {
    //     alert("哈哈，你好");//会报错
    // }
    //只要页面加载完毕,这个事件就会触发-----页面中所有的内容,标签,属性,文本,包括外部引入js文件
    window.onload=function () {
        document.getElementById("btn").onclick=function () {
            alert("你好啊");
        };
    };
    //页面关闭后才触发的事件
    //    window.onunload=function () {
    //
    //    };
    //页面关闭之前触发的事件
    //    window.onbeforeunload=function () {
    //      alert("哈哈");
    //    };
</script>
<input type="button" id="btn" value="按钮" />
</body>
</html>

转载于:https://www.cnblogs.com/hzdwwzz/p/10332084.html

weixin_30246221
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js之BOM学习，页面加载事件，定时器，js同步异步，location参数，this指向问题
m0_61547956的博客
04-23 921
什么是BOM？ BOM（Browser Object Model）浏览器对象模型，提供了独立于内容而与窗口进行交互的对象，核心对象是window，学习与浏览器进行交互的一些对象比如怎么后退一个页面，前进一个页面，刷新等。BOM由一系列对象组成，每个对象有其对应的属性和方法，BOM缺乏标准，浏览器厂商再各自浏览器上定义的JS的语法标准化组织是ECMA，DOM是W3C。 var num = 10 log(num) log(window.log)全局变量变成window对象的属性 function fn(
javascript-BOM-页面加载事件
qq_39111074的博客
09-28 306
DOM文档流一般是从上到下执行，所以我们一般将标签放在最下面，有了元素之后，才能对元素进行操作，放在了元素前的话，js就不会执行额 但是如果想要将放在其他位置，元素上面，也可以执行；- - -可以使用：load事件，或者DOMContentLoaded事件 load事件，DOMContentLoaded事件相同点和不同点： 相同点： 将放在两者中，都可以达到页面加载完成后，再执行js 不同点： load事件- - -dom页面所有内容加载完后，再执行js语句，包含图片、flash、css等 DOMConte
JavaScript BOM加载事件
weixin_30571465的博客
08-01 89
//页面加载的时候,按钮还没出现,页面没有加载完毕 //页面加载完毕了,再获取按钮 //只要页面加载完毕,这个事件就会触发-----页面中所有的内容,标签,属性,文本,包括外部引入js文件// window.onload=function () {// document.getElementById("btn").onclick=function () {// ...
JavaScript：BOM 页面加载事件
qq_54517101的博客
08-21 126
对于一般的script代码必须放在对应的html元素的下面，要先加载html元素再加载scipt事件才有意义。
BOM及窗口加载事件
lxllxl211的博客
11-12 127
【代码】BOM及窗口加载事件。
JavaScript中BOM对象原理与用法分析
12-11
JavaScript中的BOM（Browser Object Model）是用于描述浏览器窗口与用户交互的一种模型，它提供了一系列的对象，使得开发者可以通过JavaScript操作浏览器的各种功能。BOM的核心是`Window`对象，它是所有其他对象的...
JS中的BOM应用
10-18
本文将深入探讨BOM在JS中的应用。 **一、BOM基础** 1. **打开和关闭窗口** - `window.open(url, name, features)` 用于打开新的窗口或标签，其中`url`是新窗口加载的页面地址，`name`定义窗口名称，`features`是...
深入学习JavaScript中的bom
10-16
在JavaScript中，BOM（Browser Object Model）即浏览器对象模型，它提供了一组用于与浏览器窗口交互的对象和方法。BOM的核心是`window`对象，它是所有全局变量和函数的容器，也是BOM的主要入口点。下面我们将深入...
javascript中BOM基础知识总结
10-20
总之，JavaScript中的BOM是开发者与浏览器进行互动的重要工具，从页面加载到用户交互，再到页面导航和时间调度，都是BOM的重要组成部分。掌握BOM的基本知识对于编写交互丰富的Web应用至关重要。
前端- web API-BOM-加载事件onload
yanqianzq的博客
03-06 252
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <script> //代码是从上到下执行的 //页面加载的时候,按钮还没出现,页面没有加载完毕 //页面加载...
JavaScript window.onload事件的好处
chen4565的博客
11-04 356
窗口加载事件       窗口加载完毕时（包括HTML文档、CSS样式等）我们可以无碍的查询到页面中的所有内容。如果所要执行的代码 需要在页面一切就绪后才有效的话，那么可以将这些执行代码作为load事件的回调函数，这样就可以无需管理页面内容的加载顺序了。 使用window.onload管理页面执行代码 window.onload = function () { //所有代码放入该方法中 确保正常运行 } ...
onkeyup/bom/页面加载事件/location对象/history对象/navigator对象/定时器
weixin_44695219的博客
04-01 148
onkeyup ：onkeyup 键盘按键按下触发 ,当按键释放时会调用事件，但是调用事件之前已经把该按键值显示到了文本框中了。 <style> #dv { width: 400px; margin: 100px auto; } #dv #txt { widt...
bom的window对象的常见事件 窗口加载事件 调整窗口大小
weixin_50400752的博客
09-23 187
bom的window对象的常见事件 1 window.onload 窗口加载事件 window.onload是窗口加载事件，当文档内容完全加载完成会触发该事件（包括 图像 脚本文件 CSS文件等），完成后才会调用处理函数， <script> window.onload=function(){} window.addEventListener('load',function(){}) </script> //1.一个文档只能写一个window.onload，多个window.onloa
JS BOM、DOM、事件
ladream的博客
08-08 262
1、BOM 2、DOM 3、事件
JavaScript之BOM(BOM构成、常用事件)，web开发敏捷之道
最新发布
2401_83977357的博客
04-01 618
BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是Netscape 浏览器标准的一部分。另外，大推一个网上教程 现代 JavaScript 教程 ，文章深入浅出，很容易理解，上面的内容几乎都是重点，而且充分发挥了网上教程的时效性和资料链接。另外，大推一个网上教程 现代 JavaScript 教程 ，文章深入浅出，很容易理解，上面的内容几乎都是重点，而且充分发挥了网上教程的时效性和资料链接。面试本质也是考试，面试题就起到很好的考纲作用。
JavaScript中BOM操作
10-14 1194
页面加载事件 页面加载也就是load，其用途是其他程序执行完之后再执行该代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>页面加载事件</title> </head> <body> &l...
js打开新的窗口window_js基础 BOM 浏览器对象模型
weixin_39647458的博客
12-03 146
页面元素全部加载完毕：(整个页面只能写一个，如果写多个，会以最后一个为准)这个也是页面加载完毕 没有限制 可以写多个window方法1. window.open() - 打开新窗口2. window.close() - 关闭当前窗口返回屏幕可用宽度高度：document.write("可用宽度: " + screen.availWidth);document.write("可用高...
【BOM笔记】基本概述、window对象常见事件、定时器、JS执行机制、location/navigator/history对象
waski的博客
03-13 831
文章目录1 BOM概述1.1 什么是BOM1.2 BOM的构成2 window 对象的常见事件2.1 窗口加载事件2.2 调整窗口大小事件3 定时器3.1 `setTimeout()` 定时器3.2 `setInterval()` 定时器3.3 this4 JS 执行机制4.1 JS 是单线程4.2 同步和异步4.3 JS 执行机制5 `location` 对象5.1 属性5.2 方法6 `navigator` 对象7 `history` 对象 1 BOM概述 1.1 什么是BOM BOM（Browser
DOM事件机制
冰霜的博客
09-11 364
事件机制 HTML DOM 允许 JavaScript 对 HTML 事件作出反应。JavaScript 能够在事件发生时执行，比如当用户点击某个 HTML 元素时。 为了在用户点击元素时执行代码，请向 HTML 事件属性添加 JavaScript 代码： <div id='div1'>我是一个div</div> <button id='btn'>点我啊</button> <!-- 还可以在HTML标签中进行事件的绑定 需要加()--> <.
JavaScript中的BOM与DOM详解
3. **浏览器事件**：BOM处理各种浏览器级别的事件，如加载事件（`load`）、卸载事件（`unload`）、窗口大小改变事件（`resize`）等。 4. **Location对象**：`location`对象用于处理当前页面的URL，你可以修改它来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值