页面加载完成后执行JS的方式
2023-09-11 14:14:50 时间
一、总结几种页面加载完成以后再执行当前js文件的方式:
1. 首先是js自带的方法
<script type="text/javascript">
window.onload = function () {
//方法内容
}
</script>
2. jQuery执行的演示,该方法比较繁琐,一般都是使用第三种方法
<script type=”text/javascript”>
$(document).ready(function (){
var test="123qew";
alert(test);
});
</script>
3. jQuery方法2,该方法一般使用较多
<script type="text/javascript">
$(function () {
alert('123qew');
})
</script>
4. 还有一些相关的关于事件的触发,查看下方连接
相关文章
- Linux环境下Node.js的安装配置
- Vue.js - How to properly watch for nested data
- vue—你必须知道的 js数据类型 前端学习 CSS 居中 事件委托和this 让js调试更简单—console AMD && CMD 模式识别课程笔记(一) web攻击 web安全之XSS JSONP && CORS css 定位 react小结
- 【Js】前端使用xlsx.full.min.js读取和导出excel表格数据
- JS监听不到被操作后dom的事件,js动态生成的DOM绑定事件失效,解决方案
- JS基础 事件
- 【JavaScript】JS中暂停几秒再往下执行!
- LigerUi-Js中Grid行修改时,不执行保存事件的原因?(已解决)
- 爬虫之selenium控制浏览器执行js代码
- Windows下如何更新 node.js
- Vue - flex布局 justify-content: space-around / space-between 最后一行元素不对其解决方案(JS)
- JS leetcode 加一 题解分析
- Vue.js状态管理模式 Vuex
- 手动添加js脚本
- JS模式:jq中简单的模式--》采摘自js设计(tomxu_version)
- js createElement appendChild createTextNode用法
- 向vuex存储数据和获取数据-和直接调用actions.js中的异步方法
- JS高阶---执行上下文栈
- node.js连接数据库后执行sql语句怎么样实现呢?
- three.js之Geometry顶点、颜色数据与三角面
- swiper动态加载数据滑动失效,ajax执行后swiper.js的效果消失问题
- 关于.eslintrc.js代码检测的一些配置
- js监听页面标签切换
- [js插件开发教程]原生js仿jquery架构扩展开发选项卡插件
- js把预定义的html字符串转换为 HTML 实体 htmlspecialchars 输出html实体内容包括标签,而不自动转义标签,只显示内容,类似php的htmlspecialchars
- 微信小程序表单校验WxValidate.js使用
- 2023华为OD机试 - 任务总执行时长(JS)
- Three 之 three.js (webgl)使用 html div 给 Threejs 场景添加背景图的方法实现
- 精品JS代码收藏大全
- JS学习第5天——Web API之BOM(BOM构成、window对象常见属性、定时器、JS执行机制、location对象、navigator对象、history对象)
- JavaScript之JS的执行环境和作用域
- js-原生Js汉语拼音首字母匹配城市名
- Js中process.nextTick,setImmediate,setTimeout,Promise.then,async/await终极异步执行顺序全解析
- js入门(一)