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关键字后面必须要跟函数名字,如果写成匿名函数,则会报 ...
随机推荐
- 站点 1访问非本站点下面的web.config文件需要的权限
站点1网站权限,这里就不多介绍了. web.config文件权限 : 需要iis_iusrs (iis权限), 否则没办法访问到
- flask第十五篇——Response
从这一节开始,我就要开始讲关于模板的知识了.先来学习一下Response的相关知识. 所有返回前台的内容其实都应该是Response的对象或者其子类,我们看到如果返回的是字符串直接可以写成return ...
- RF第二讲--Selenium2Library库的简单实用
现在对于RF的应用方法已经有很多书介绍了,网上也可以搜到免费的电子书可以学习.今天就简单和大家介绍一下RF的用法之一,就是基于Selenium2Library库的使用. 1.首先需要安装Seleniu ...
- .ncx文件剖析
ncx文件是epub电子书的又一个核心文件,用于制作电子书的目录,其文件的命名通常为toc.ncx. ncx文件是一个XML文件,该标准由DAISY Consortium发布(参见http://www ...
- UVA11806 Cheerleaders
题意 PDF 分析 如果要求是某行某列没有石子很好算,就一个组合数. 然后要求某行某列有,就用容斥原理就行了. 时间复杂度\(O(k^2 + 16T)\) 代码 #include<iostrea ...
- Mongodb简单介绍安装
具体详细内容,请查阅 Mongodb官方文档 一.简单介绍 MongoDB 是由C++语言编写的,是一个基于分布式文件存储的开源数据库系统. 在高负载的情况下,添加更多的节点,可以保证服务器性能. M ...
- springMvc架构简介
什么是spring 关于spring的定义无论是从官方还是市面上已经很多能够清晰明了的做出解释了.我姑且简单定义它为一个轻量级的控制反转(IoC)和面向切面(AOP)的容器,Java 开发框架,至于控 ...
- Java中的三元运算：a = (a > b)?a:b
格式:逻辑值 ? 表达式1 : 表达式2 执行顺序:先执行逻辑值,如果逻辑值为true,则执行表达式1:反之则执行表达式2 a = (a > b)?a:b 如果a>b成立,返回a: 如果a ...
- Java-Runoob-高级教程：Java 发送邮件
ylbtech-Java-Runoob-高级教程:Java 发送邮件 1.返回顶部 1. Java 发送邮件 使用Java应用程序发送 E-mail 十分简单,但是首先你应该在你的机器上安装 Java ...
- Tool：Visual Studio Code
ylbtech-Tool:Visual Studio Code Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目:一个运行于 Ma ...