onload函数和自执行函数的区别(jquery API网址:http://jquery.cuishifeng.cn/)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery 01 simples</title>
<script src="js/jquery-1.12.1.js" type="text/javascript"></script>
<script type="text/javascript">
function test(){
//console.log($);
//console.log(jQuery);
/**
* 原生的DOM对象
*
* jQuery对象：对原生对象进行包装
*
*
* 转换：如果是jquery对象转换为dom对象 jquery.get(0) jquery[0]
*
* 如果是原始的dom对象转换为jquery对象 $(dom) jQuery(dom)
*
* @type {NodeList}
*/
$("h1").remove();
var h1s = document.getElementsByTagName("h1");
for(var i=0;i<h1s.length;i++){
var h1 = h1s[i];
h1.parentNode.removeChild(h1);
}
}
/**
* onload函数和自执行函数的区别
*
* onload:是将页面加载完成以后再执行相应的函数 此时 页面的各个内容已经初始化完成
*
* 自执行函数：只要解析到 就会执行 而不会管你页面是否初始化完成
*
*/
/*(function(){
console.log("init....");
var h1s = document.getElementsByTagName("h1");
for(var i=0;i<h1s.length;i++){
var h1 = h1s[i];
h1.parentNode.removeChild(h1);
}
})();*/
window.onload = function(){
console.log("init....");
var h1s = document.getElementsByTagName("h1");
console.log(h1s.length)
for(var j=h1s.length-1;j>=0;j--){
var h1 = h1s[j];
h1.parentNode.removeChild(h1);
}
}
window.onload = function(){
console.log("init1....");
}
/*window.onload = function(){
test();
}*/
</script>
</head>
<body>
<input type="button" value="test" onclick="test();">
<hr>
<div>
<span>this is a span in div 1</span><span>this is a span in div 2</span><span>this is a span in div 3</span><span>this is a span in div 4</span>
<h1>this is a h1</h1>
<h1>this is a h1</h1>
<h1>this is a h1</h1>
<h1>this is a h1</h1>
</div>
</body>
</html>
onload函数和自执行函数的区别(jquery API网址:http://jquery.cuishifeng.cn/)的更多相关文章
- 关于T-SQL重编译那点事，内联函数和表值函数在编译生成执行计划的区别
本文出处:http://www.cnblogs.com/wy123/p/6266724.html 最近在学习 WITH RECOMPILE和OPTION(RECOMPILE)在重编译上的区别的时候,无 ...
- 菜刀(代码执行)函数和命令执行函数详解及Getshell方法
i春秋作家:大家奥斯的哦 原文来自:https://bbs.ichunqiu.com/thread-41471-1-1.html 代码执行函数 VS 命令执行函数 一直想整理这两块的内容,但是一直没时 ...
- 【随笔】菜刀(代码执行)函数和命令执行函数详解及Getshell方法
代码执行函数 VS 命令执行函数 一直想整理这两块的内容,但是一直没时间弄,直到前两天碰上一个写入了菜刀马但是死活连不上菜刀的站,顿时不知道怎么继续了,所以就趁这个机会整理了一下代码执行函数怎么get ...
- 深入理解，函数声明、函数表达式、匿名函数、立即执行函数、window.onload的区别.
一.函数声明.函数表达式.匿名函数1.函数声明:function fnName () {…};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 2.函数表达式 var fnNam ...
- JavaScript 函数声明，函数表达式，匿名函数，立即执行函数之区别
函数声明:function fnName () {-};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 函数表达式 var fnName = function () {-};使 ...
- JS进阶之---函数，立即执行函数
一.函数 函数声明.函数表达式.匿名函数 函数声明:使用function关键字声明一个函数,再指定一个函数名,叫函数声明.function name () { … } 函数表达式:使用function ...
- 立即执行函数（自执行函数） IIFE
// 最常用的两种写法 (function(){ /* code */ }()); // 老道推荐写法 (function(){ /* code */ })(); // 当然这种也可以 // 括号和J ...
- JavaScript--函数、匿名函数和自执行函数详解
函数的声明及调用 1.函数的声明格式: function 函数名([参数1],[参数2],.....){ //函数体代码 [return 返回值 ...
- JS 匿名函数或自执行函数总结
JS引擎在遇到function关键字时做如下两种处理: 1.当语句是以function关键字开头:此时的JS语句解释为函数声明,因此function关键字后面必须要跟函数名字,如果写成匿名函数,则会报 ...
随机推荐
- Makefile常用知识点
格式 目标:最终要去生成的文件, 定格写,后面是冒号(冒号后面是依赖) 依赖:用来生成目标的源材料 命令:加工的方法,命令前面一定是Tab, make的过程就是使用命令将依赖加工成目标的过程 工作原理 ...
- psd文件导出为图片教程
美术给过来PSD文件好多层啊.怎么挨个把需要的图片导出来呢. 1. 选中 要导出的图片的图层 2.ctrl+N 新建个文档 然后把图片拉到 新的里面 然后点图像-裁剪 确定就行了,然后ctrl+s保 ...
- Docker容器编排器概览
就像Apple推出iPhone让智能手机变成主流,Docker让容器变成了主流.自从项目发布以来,Docker着重于提升开发者的体验.基本理念是可以在整个行业中,在一个标准的框架上,构建.交付并且运行 ...
- jdk1.8新特性应用之Iterable
我们继续看lambda表达式的应用: public void urlExcuAspect(RpcController controller, Message request, RpcCallback ...
- golang的beego框架开发时出现的问题纪录
golang的beego框架开发时出现的问题纪录1.数据库并发时问题:[ORM]2017/02/20 23:44:05 -[Queries/default] - [FAIL / db.Query / ...
- C#实现 OPC历史数据存取研究
来源:http://blog.csdn.net/gjack/article/details/5641794 C#实现 OPC历史数据存取研究 (原文)Research of Accessing the ...
- JVM内存管理之杂谈（借此也论一论obj=null）
作为一个程序猿,修炼的过程就犹如玄幻小说中的主角,不仅需要练习各种武技,内气的修炼的一样重要.虽然武技可以迅速的提升主角的实力,但是在内气太差的情况下,根本发挥不出武技的十之一二. 因此,在介绍过设计 ...
- 301重定向方法大全及SEO中网址规范化，看着不错先收下
301重定向方法大全及SEO中网址规范化 现在大多数网站都存在一些内容相同但网址(URL)不一样的重复内容,这些重复的内容对于搜索引擎来说却可能被认为是复制网页,复制网页虽然不会被惩罚但因多个网址存在 ...
- idea 类注释，方法注释设置
类头注释:打开file->setting->Editor->Filr and Code Templates->Includes->File Header 直接在右边的文件 ...
- Java 代码块
一.简介 1.普通代码块: 类中方法的方法体 2.构造代码块: 构造块会在创建对象时被调用,每次创建时都会被调用,优先于类构造函数执行. 3.静态代码块: 用static{}包裹起来的代码片段,只会执 ...