几种自己主动运行js代码的方式
2017-07-20 08:14
288 查看
近期在看jquery,发现他竟然能自己主动运行js代码,于是就查了下。收集了几种经常使用的实现方法
简写方式:
说明:
就只只须要载入全部的DOM结构,在浏览器把全部的HTML放入DOM tree之前就运行js效果。包含在载入外部图片和资源之前。
说明:
这段代码会在整个页面的document全部载入完毕以后运行。不幸的这样的方式不仅要求页面的DOM tree全部载入完毕,并且要求全部的外部图片和资源全部载入完毕。更不幸的是,假设外部资源,比如图片须要非常长时间来载入,那么这个js效果就会让用户感觉失效了。
jquery的方法
使用场景:不论什么须要运行的js特效$(document).ready(function(){ alert("你好"); });
简写方式:
$(function(){ alert("你好"); }); });
说明:
就只只须要载入全部的DOM结构,在浏览器把全部的HTML放入DOM tree之前就运行js效果。包含在载入外部图片和资源之前。
一般的载入页面
使用场景:须要全部资源载入完毕后再运行js特效window.onload = function(){ alert("你好"); }); }
说明:
这段代码会在整个页面的document全部载入完毕以后运行。不幸的这样的方式不仅要求页面的DOM tree全部载入完毕,并且要求全部的外部图片和资源全部载入完毕。更不幸的是,假设外部资源,比如图片须要非常长时间来载入,那么这个js效果就会让用户感觉失效了。
相关文章推荐
- web服务启动spring自己主动运行ApplicationListener的使用方法
- Android-AnimationDrawable(三)运行的几种方式
- 自己想的几种生成数据库主键的方式
- 总结运行SSIS包的几种方式
- 自己动手封装js工具类(JS中定义类的几种方式)
- Python脚本后台运行的几种方式
- Spark on yarn--几种提交集群运行spark程序的方式
- 该程序在运行时会创建一个JOB,并且将该自己以JOB后台方式运行,并且可以从前台传递参数到后台JOB
- 终止正在运行的子线程(一、几种方式的介绍)
- asp.net显示自己的网页图标的几种方式
- 自己总结一下wpf image source 绑定的几种方式
- 可运行jar包的几种打包/部署方式
- 一脸懵逼学习MapReduce的原理和编程(Map局部处理,Reduce汇总)和MapReduce几种运行方式
- Unix/Linux中后台运行程序(断开shell连接后继续执行)的几种方式
- 运行js代码的两种方式
- mapreduce job提交的几种运行方式
- AnimationDrawable运行的几种方式
- Pycharm中运行Python代码的几种方式
- Android中帧动画在Activity启动时自动运行的几种方式
- Python脚本后台运行的几种方式