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

需求: 在使用bootstrap 模态框时 需要模态框在网页加载完毕后自动显示模态框而不是通过按钮激活模态框
解决思路:在window.onload() 方法中激活 模态框按钮的click方法即可
实现:
<!-- 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>
 window.onload = function (){document.querySelector("#activate").click()}

十分简单

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

  1. 在网页加载完毕时,自动触发某个按钮的点击事件(HTML)

    在网页加载完毕时自动触发某个按钮的点击事件 需求: 在使用bootstrap 模态框时,需要模态框在网页加载完毕后,自动显示模态框,而不是通过按钮激活模态框. 解决思路: 在window.onload ...

  2. 如何使用selenium webdriver来判断一个网页加载完毕

    想实现一个加载网页计时的功能,如何用selenium webdriver实现判断一个网页加载完毕? ================================================== ...

  3. 小程序 下拉刷新数据加载完毕时停止loading效果

    1.在加载数据函数里加cb 方便回调 2.在数据加载完成时(complete)用 cb && cb()来判断是否有回调函数,如果有则调用. 3.在触发上拉刷新时,在调用加载数据的函数里 ...

  4. 网页加载缓慢时,两种方法实现loading效果

    当页面加载速度很慢的时候,页面就会出现白屏的状况,如果没有使用loading来和用户进行交互,用户并不知道应用到底是出现什么问题(卡死.出错或者在加载)页面加载所需要时间越长,那么可能损失的用户量就会 ...

  5. vue 加载页面时触发时间_详解Vue.js在页面加载时执行某个方法

    详解Vue.js在页面加载时执行某个方法 jQuery中可以这样写 vue中,如果要达到相同效果,可以使用vue的生命周期函数,如create或者mounted 附上vue.js的生命周期函数执行流程 ...

  6. 页面加载完毕_【前端面试】dom 的解析,加载,渲染

    本文会把 dom 的解析,加载,渲染结合 window.performance 一起讲. dom 的解析 解析:HTMl 解析器把 HTML 构建成 HTML 树形数据结构,也就是 DOM 树. 注意 ...

  7. 如何监控一个Activity加载完毕(完成渲染)

    摘要我也不知道是不是专门用来监控Activity的.但通过这个事件可以实现当一个Activity完全加载完毕后,然后就执行. @Override public void onWindowFocusCh ...

  8. JS--页面加载完毕后执行

    原文网址:JS--页面加载完毕后执行_IT利刃出鞘的博客-CSDN博客 简介 说明 本文用示例介绍JavaScript如何在页面加载完毕之后执行函数. 页面加载完毕主要有两个事件: DOMConten ...

  9. 页面加载完毕相关信息淡入效果

    前言: 年关将至,公司一部分同事已经回老家了,虽然过年不回去,但想到明天上完班就放假了内心多少有点激动.工作上的事情不要紧的已经没心情再看了,加之今天领导不在 哈哈哈... 搞点自己的爱好! 看boo ...

最新文章

  1. 工作第二年,她月薪上万,存款二十万,为什么?
  2. pandas删除缺失数据(pd.dropna()方法)
  3. CloudStack学习-1
  4. 文巾解题 27. 移除元素
  5. linux——awk 报告生成器
  6. 一维数组的初始化问题
  7. 【福利派送】高质量AI书籍免费送给大家
  8. 音视频处理之FFmpeg封装格式20180510
  9. 第三方对接-云存储-最新亚马逊Amazon云AWS S3服务JAVA上传图片,访问图片教程(API版本2.14.22)
  10. 国际道教协会黄世真道长为《中华辟谷养生》题写序言!
  11. vs2013 打开失败 未能完成操作,不支持此接口
  12. html中绝对定位的父级,【CSS学习笔记】绝对定位的父类参照物的确定
  13. word2010中奇偶页不同页眉页脚设置
  14. Zhong__Centos配置NTP时间同步
  15. MJ评-[波斯王子*时之刃]-9.5分
  16. 如何用微信小程序实现优惠券功能
  17. 拼多多获得搜索词推荐 API
  18. 谢尔宾斯基三角形GUI
  19. 机器学习第14章(概率图模型)
  20. 上传如何显示按原来文章的格式 ,而不是一些html标签和普通文字,《网页设计与制作》试卷答案...

热门文章

  1. leetcode 820
  2. ASML加速向中国芯片企业交付光刻机,又有光刻机进入中国工厂
  3. 华为小熊派开发记录STM32+MPU6050+WIFI8266
  4. sublime-text(格式化JSON数据)
  5. C++学习(三九四)relocation R_AARCH64_ADR_PREL_PG_HI21 undefined reference to `__dso_handle‘
  6. 学妹问的Spring Bean常用配置,我用最通俗易懂的讲解让她学会了
  7. comsol提取的csv数据画能带图
  8. iOS CLLocationManager定位
  9. Tplink企业版开启ipv6
  10. strncpy函数说明及模拟实现