在网页加载完毕时，自动触发某个按钮的点击事件（HTML）

在网页加载完毕时自动触发某个按钮的点击事件

需求：

在使用bootstrap 模态框时，需要模态框在网页加载完毕后，自动显示模态框，而不是通过按钮激活模态框。

解决思路：

在window.onload() 方法中，激活模态框按钮的click方法，即可。

实现：

HTML代码：

<!-- Button trigger modal -->
<button type="button" id="activate" class="btn btn-primary" data-toggle="modal" data-target="#staticBackdrop" hidden>点击展开
</button><!-- Modal -->
<div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5 class="modal-title" id="staticBackdropLabel">模态框</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body">我是模态框模态框</div><div class="modal-footer"><button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button><button type="button" class="btn btn-primary">同意</button></div></div></div>
</div>

JS代码：

 window.onload = function (){document.querySelector("#activate").click()}

参考：在网页加载完毕时自动触发某个按钮的点击事件_只会hello world的小白啊的博客-CSDN博客_自动触发按钮的点击事件

在网页加载完毕时，自动触发某个按钮的点击事件（HTML）相关推荐

在网页加载完毕时自动触发某个按钮的点击事件
在网页加载完毕时自动触发某个按钮的点击事件需求: 在使用bootstrap 模态框时需要模态框在网页加载完毕后自动显示模态框而不是通过按钮激活模态框解决思路:在window.onload() 方 ...
如何使用selenium webdriver来判断一个网页加载完毕
想实现一个加载网页计时的功能,如何用selenium webdriver实现判断一个网页加载完毕? ================================================== ...
小程序下拉刷新数据加载完毕时停止loading效果
1.在加载数据函数里加cb 方便回调 2.在数据加载完成时(complete)用 cb && cb()来判断是否有回调函数,如果有则调用. 3.在触发上拉刷新时,在调用加载数据的函数里 ...
网页加载缓慢时，两种方法实现loading效果
当页面加载速度很慢的时候,页面就会出现白屏的状况,如果没有使用loading来和用户进行交互,用户并不知道应用到底是出现什么问题(卡死.出错或者在加载)页面加载所需要时间越长,那么可能损失的用户量就会 ...
vue 加载页面时触发时间_详解Vue.js在页面加载时执行某个方法
详解Vue.js在页面加载时执行某个方法 jQuery中可以这样写 vue中,如果要达到相同效果,可以使用vue的生命周期函数,如create或者mounted 附上vue.js的生命周期函数执行流程 ...
页面加载完毕_【前端面试】dom 的解析，加载，渲染
本文会把 dom 的解析,加载,渲染结合 window.performance 一起讲. dom 的解析解析:HTMl 解析器把 HTML 构建成 HTML 树形数据结构,也就是 DOM 树. 注意 ...
如何监控一个Activity加载完毕（完成渲染）
摘要我也不知道是不是专门用来监控Activity的.但通过这个事件可以实现当一个Activity完全加载完毕后,然后就执行. @Override public void onWindowFocusCh ...
JS--页面加载完毕后执行
原文网址:JS--页面加载完毕后执行_IT利刃出鞘的博客-CSDN博客简介说明本文用示例介绍JavaScript如何在页面加载完毕之后执行函数. 页面加载完毕主要有两个事件: DOMConten ...
页面加载完毕相关信息淡入效果
前言: 年关将至,公司一部分同事已经回老家了,虽然过年不回去,但想到明天上完班就放假了内心多少有点激动.工作上的事情不要紧的已经没心情再看了,加之今天领导不在哈哈哈... 搞点自己的爱好! 看boo ...

在网页加载完毕时，自动触发某个按钮的点击事件（HTML）

在网页加载完毕时自动触发某个按钮的点击事件

需求：

解决思路：

实现：

HTML代码：

JS代码：

在网页加载完毕时，自动触发某个按钮的点击事件（HTML）相关推荐

最新文章

热门文章