js加载事件和js函数定义
一 dom文档树加载完之后执行一个函数
在Dom加载完成后执行函数，下面这三个的作用是一样的，
window.onload 是JavaScript的，window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数
$(document).ready(function (){}) 是Jquery的，dom文档树加载完之后执行一个函数，这个函数比 window.onload 执行的要早
而$(function(){}) 是 $(document).ready 的简便写法；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>静态网址测试首页</title>
<script src="resources/jquery-1.9.1.min.js" ></script>
</head>
<body>
<script> window.onload = function () {
alert("Window onload");
} $(document).ready( function (x){
alert("标准方式");
}) $(function() {
alert(" 没有document的方法");
}) </script>
</body>
</html>
二 js 函数定义的三种方式
函数表达式方式的不同点， 必须在函数定义完成后才可以调用，详细例子看下面的代码执行结果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS 函数定义测试</title>
</head>
<body> <script> //一 经典的 函数声明方式
console.log(standardfun());//可以正常打印结果 aaa
function standardfun() {
alert("这是一种经典写法");
return "aaa";
} console.log(standardfun()); //可以正常打印结果 aaa //二 函数表达式
// console.log(ff()); // 打印提示错误 ff is not a function
console.log(ff); //打印 undefined
var ff = function ffs() {
alert("函数直接量表达式");
return "bbb";
}
console.log(ff())//可以正常打印结果 bbb //函数表达式 ----匿名函数
var ff1 = function () {
alert("现在流行的写法")
} //三 使用Function的构造函数 最后一个实参所表示的文本是函数体
console.log(sum3); //undefined
var sum3 = new Function("num1", "num2", "return num1+num2");
console.log(sum3(2, 3));//5
</script>
</body>
</html>
js加载事件和js函数定义的更多相关文章
- javascript不依赖JS加载顺序事件对象实现
背景: 在现在WEB开发中,稍复杂一点的页面,都会涉及到多个模块,尤其是类似seajs.LABjs.requireJS等模块工具出来后,前端开发者分模块开发已经慢慢变成一种习惯了,但是多个模块间的常常 ...
- js 动态加载事件的几种方法总结
本篇文章主要是对js 动态加载事件的几种方法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 有些时候需要动态加载javascript事件的一些方法往往我们需要在 JS 中动态添 ...
- 常用js，css文件统一加载方法，并在加载之后调用回调函数
原创内容,转载请注明出处! 为了方便资源管理和提升工作效率,常用的js和css文件的加载应该放在一个统一文件里面完成,也方便后续的资源维护.所以我用js写了以下方法,存放在“sourceControl ...
- [JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件
页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样的效果:进入qq空间,向下拉动空 ...
- js/jquery控制页面动态加载数据 滑动滚动条自动加载事件--转他人的
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件--转他人的 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样 ...
- JS事件 加载事件（onload）注意：1. 加载页面时，触发onload事件，事件写在<body>标签内。 2. 此节的加载页面，可理解为打开一个新页面时。
加载事件(onload) 事件会在页面加载完成后,立即发生,同时执行被调用的程序. 注意:1. 加载页面时,触发onload事件,事件写在<body>标签内. 2. 此节的加载页面,可理解 ...
- js加载优化三
Javascript性能优化之异步加载和执行 Author:小欧2013-09-17 随着科技的发展,如今的网站和五六年前相比,现在的人们对web的要求越来越高了,用户体验,交互效果,视觉效果等等都有 ...
- 【原】YUI3：js加载过程及时序问题
时序问题在javascript中比较常见,尤其是在网络环境不稳定时以及某些浏览器本来版本中比较多,遇到此类问题,往往会使开发者非常头痛,问题的重现需要特定的环境,是偶发的,不容易重现.对于有经验的开发 ...
- 【随笔】js加载
有时候,当发现js操作一个dom的时候,发现dom没有找到,这是由于html没有加载完就开始操作该dom的缘故,所以需要在html文档加载完后再加载js,于是我们可以这么做: js方法:window. ...
随机推荐
- C#中获取用户登录IP地址
using System.Net; //导入命名空间 public string getLocalIP() { string strHostName = Dns.GetHostName(); //得到 ...
- sql service 备份
declare @SqlBackupDataBase as nvarchar(1000)set @SqlBackupDataBase=N'BACKUP DATABASE YSKJ_Wechat TO ...
- Chrome浏览器插件开发－淘宝自动登录
浏览器插件的介绍 Chrome浏览器插件开发的准备工作 manifest.json配置介绍 页面如何注入scripts文件 一. 浏览器插件的介绍 浏览器插件是一种遵循一定规范的应用程序接口编写出来的 ...
- jvm高级特性(6)(线程的种类，调度，状态，安全程度，实现安全的方法，同步种类，锁优化，锁种类）
JVM高级特性与实践(十三):线程实现 与 Java线程调度 JVM高级特性与实践(十四):线程安全 与 锁优化 一. 线程的实现 线程其实是比进程更轻量级的调度执行单位. 线程的引入,可以把一个检查 ...
- centos7硬盘分区
首先在虚拟机的设置中为系统添加硬盘 使用fdisk -l /dev/sdb 查看未分区的硬盘 fdisk -l /dev/sda 这是已经分区好得 接下来我们就要对sdb进行分区: 首先使用fd ...
- Pycharm使用Git
Pycharm使用Git 1.设置git程序路径 2.设置github连接 3.创建git respository 4.提交文件 5.共享给GitHub 6.修改文件push到版本库 7.从版本库ch ...
- (转)python的paramiko模块
python的paramiko模块 原文:http://www.cnblogs.com/breezey/p/6663546.html paramiko是用python语言写的一个模块,遵循S ...
- python中的sort方法使用详解
Python中的sort()方法用于数组排序,本文以实例形式对此加以详细说明: 一.基本形式 列表有自己的sort方法,其对列表进行原址排序,既然是原址排序,那显然元组不可能拥有这种方法,因为元组是不 ...
- 友盟在部分手机上在进程被kill的情况下接收不到推送的问题
app集成友盟推送后就能接收推送消息,即使在进程被kill的情况下也能接收.这个因为友盟有长连互保,用户设备中任何一个集成过友盟推送的app打开,即使他的app没打开也能启动push service, ...
- js with 语句的用法
with 语句 为语句设定默认对象. with (object) statements 参数 object 新的默认对象. statements 一个或多个语句,object 是该语句的默认对象 ...