精华内容
下载资源
问答
  • 本例中onload是页面刚加载时判断文本框是否为空 onblur元素失去焦点时 判断文本框是否为空 为空就显示*号 


    本例中onload是页面刚加载时判断文本框是否为空

    onblur元素失去焦点时 判断文本框是否为空

    为空就显示*号

    
    展开全文
  • 新建一个类库 using System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI....using System.Web.UI.WebControls.WebPart...

    新建一个类库

    using System;
    using System.Data;
    using System.Configuration;
    using System.Web;
    using System.Web.Security;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Web.UI.WebControls.WebParts;
    using System.Web.UI.HtmlControls;

    namespace ZUHUACHINA.Option
    {
        public class PageBase : System.Web.UI.Page  //表示继承Page类
        {
            //由于页面继承AdminPageBase,在页面构造完成前不会有Session,因此在AdminPageBase()中使用Session不能正确检查登录状态
            public void AdminPageBase()
            {
                //
                // TODO: 在此处添加构造函数逻辑
                //
            }

            public override void OnLoad(EventArgs e)  //重写Page类中的OnLoad方法
            {
                if (HttpContext.Current.Session["userName"] == null || HttpContext.Current.Session["userName"].ToString() == "0")
                {
                    Response.Redirect("login.aspx");
                    Response.End();
                }
                base.OnLoad(e); //执行父类的OnLoad方法
            }
        }
    }

    页面使用该类时只需要继承PageBase 该类,就能实现先执行PageBase 中的方法,再执行页面中的代码

    即 public partial class index : System.Web.UI.Page替换为public partial class index : PageBase

     

    转载于:https://www.cnblogs.com/hayden/archive/2009/07/13/1522470.html

    展开全文
  • 主要介绍了jQuery的read和JavaScriptonload函数的区别,这两个函数在web编程是最常用的,一定要搞清楚它们的区别,需要的朋友可以参考下
  • 在前面学习了函数,函数可以在很多地方复用,但是在页面里...onload事件会在页面加载完成后触发。下面就来学习onload事件,当窗口加载时就调用我们写的JS函数,如下:<html> <head> ...
    在前面学习了函数,函数可以在很多地方复用,但是在页面里嵌入JS是由事件触发运行的,因此基于浏览器的JS开发,基本上就是响应事件处理。HTML4 增加了使事件在浏览器中触发动作的能力,比如当用户点击元素时启动 JavaScript。onload事件会在页面加载完成后触发。下面就来学习onload事件,当窗口加载时就调用我们写的JS函数,如下:
    <html>
      <head>
        <title>
          使用事件的例子
        </title>
        <script type="text/javascript">
          function load()
          {
              alert("页面已经加载!");
          }
          window.onload = load();
        </script>
      </head>
      <body>
        <h1>window.onload事件</h1>
      </body>
    </html>

    运行结果输出如下:


    用浏览器打开文件myweb3.html,就会弹出前面学习过的警告窗口。

    五子棋游戏开发

    http://edu.csdn.net/course/detail/5487
    RPG游戏从入门到精通
    http://edu.csdn.net/course/detail/5246
    WiX安装工具的使用
    http://edu.csdn.net/course/detail/5207


    展开全文
  • 在理解async,defer,ready,onload之前,首先需要知道浏览器执行html过程包含的步骤,以及存在的机制和事件。本文结合实际代码,调试分析它们的作用与区别。1 执行时间轴浏览器按下“F12”,点击Network,即可...

    d744084a593c9f2865769095301d2c61.png

    在理解async,defer,ready,onload之前,首先需要知道浏览器执行html过程中包含的步骤,以及存在的机制和事件。本文结合实际代码,调试分析它们的作用与区别。

    1 执行时间轴

    浏览器中按下“F12”,点击Network,即可查看刷新网页时的时间流程

    下载资源(Finish)--> DOMContentLoaded-->Load

    9accccf77b4ba75308fd6c41ce5bfeb5.png

    下载的资源:包含html,css,js文件,用于构建页面,时间与服务器性能,网络质量有关;

    DOMContentLoaded:表示DOM生成完,解析完HTML文件,时间与HTML中js位置,HTML文件复杂度有关;

    Load:表示加载完成,包含图片,字体,视频等资源,世间与资源大小有关。

    DOMContentLoaded与Load的时间节点分别对应ready事件与onload事件。

    defer关键字也与DOMContentLoaded有关。

    2 html到DOM

    浏览器把从服务器端获取的html文件按照顺序,从上至下的进行解析,生成DOM。

    当遇到<script>标签时,会阻塞DOM的生成,此时会去下载js文件并执行,浏览器处于空白状态。

    为了解决这个问题,在HTML5中加入了async,defer关键字,目的都是为了防止阻塞DOM生成,而导致浏览器页面处于空白。当然,如果js文件比较小,下载和执行较快时用户感觉不出来。

    3 async 与 defer

    async表示异步,指的是当执行html时,遇到<script>标签,不阻塞DOM的生成,同时异步下载js文件,当下载完成时执行js文件,所以使用async时,js的执行时间点是不受控制的,是无顺序的,因为什么时间会下载完成,谁也无法确定。

    defer表示推迟执行,那么推迟至何时执行呢?

    在1节的时间轴中,defer将js文件推迟至DOMContentLoaded时执行,也就是说此时的页面渲染完成,不会因为执行js而导致页面空白。和将js文件放在body的最后面有几乎同样的效果。

    所以如果js的执行有依赖关系,有先后执行的顺序要求,尽量不要使用async,因为时间不可控。

    4 ready 与 onload

    有了1节的时间轴概念,很容易理解ready,onload之间的差异。

    对于执行顺序来说:

    ready在DOMContentLoaded完成后触发;

    onload在Load完成后触发

    对于执行次数来说:

    ready函数有几个会执行几个,不会冲突与覆盖;

    onload函数,后面的会覆盖前面的,也就是只会执行最后的onload函数一次

    5 试验(调试环境为chrome)

    <head>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script defer type="text/javascript" src="js/mav.js"></script>
    
    <script>
    	console.log("jascript up...");
    </script>
    
    </head>
    
    <body>
    <label> aaaaa <label>
    
    <script type="text/javascript">
    
            window.onload = function(){
    		console.log("onload1...");
    	};
    	window.onload = function(){
    		console.log("onload2...");
    	};
    
    	$(document).ready(function(){
    		console.log("$ ready1...");
    	});
    
    	$(document).ready(function(){
    		console.log("$ ready2...");
            });
    
    	//initialize:
    	$(function () {
    
            }
    
    
    	console.log("jascript down...");
    </script>
    </body>

    执行效果:观察log

    948c871daacb2189526a118eb7da3fcf.png

    1.虽然mav.js在前面,由于defer推迟执行,所以首先执行head中的内联js代码;

    2.执行body底部的内联js代码;

    3.此时DOM生成完成,触发DOMContentLoaded。执行初始化函数,初始化可以用$(document).ready(function(){}), $(function(){} 这两种。都是表示DOMContentLoaded触发的事件所执行的函数,并且可以多次执行。$ ready1... and $ ready2...

    4.与此同时(DOMContentLoaded),defer修饰的mav.js也开始执行。

    5.Load事件,触发执行window.onload函数,不可多次执行,只执行最后一次,覆盖前面。

    手工码字不易,若有帮助,还请多多点赞支持O(∩_∩)O

    展开全文
  • WEB前端 -- ready()和onload()

    千次阅读 2018-03-04 16:27:12
    1.$(document).ready()执行时机:等DOM树加载完毕后就能执行编写个数:$(document).ready()可写N个简写:$(function(){})2.window.onload执行时机:等网页所有的资源加载完毕后(包括图片、flash、音频、视频),...
  • 在文档加载时加载...在本课程,我们将重点介绍DOMContentLoaded 。 为什么DOMContentLoaded很重要? DOMContentLoaded事件是浏览器的内置方法,用于指示何时将页面的html加载到DOM。 无法操纵尚未呈现HTM
  • 在文档加载时加载...在本课程,我们将重点介绍DOMContentLoaded 。 为什么DOMContentLoaded很重要? DOMContentLoaded事件是浏览器的内置方法,用于指示何时将页面的html加载到DOM。 无法操纵尚未呈现HTM
  • web开发在获取图片宽高是很正常的事情,图片在加载完成前是获取不到图片的宽高的,在加载完成后才可以获取图片本身的宽高,例如: 代码如下:var img = new Image();img.src = “loading.gif”;img.onload = ...
  • IE浏览器Image对象onload失效的解决办法 前言:作为WEB设计者,为了在网页展示上加强用户体验,经常会利用图象载入显示状态方法,    这自然需要Image对象的onload事件。 在firefox浏览器下完成开发...
  • < DOCTYPE ... 最近在做web开发,其中有一个需求:利用Javascript获取要加载的图片的尺寸,所以很自然的,我就想到了img的onload方法,在 firefox下开发完成后,我到IE下调试...
  • IEImage .onload的问题

    2011-06-30 19:39:00
    web开发在获取图片宽高是很正常的事情,图片在加载完成前是获取不到图片的宽高的,在加载完成后才可以获取图片本身的宽高,例如: var img = new Image();img.src = "loading.gif";img.onload = function(){ ...
  • web开发在获取图片宽高是很正常的事情,图片在加载完成前是获取不到图片的宽高的,在加载完成后才可以获取图片本身的宽高,例如: 1 var img = new Image(); 2 img.src = "loading.gif&...
  • IEImage对象onload失效问题

    千次阅读 2008-07-21 22:27:00
    最近做WEB开发,一个图片浏览模块。为加强用户体验,我想采用图象载入显示状态方法,效果会比较好,这自然得用上Image对象的onload事件。 为了方便,我都是在FireFox上调试网页的。很好,没问题,一切正常!不过,当...
  • 作为WEB设计者,为了在网页展示上加强用户体验,经常会利用图象载入显示状态方法,这自然需要Image对象的onload事件。 在firefox浏览器下完成开发后,可是在IE浏览器进行调试总不能被调用。不管是最新版的IE8还是...
  • 解决IEimg.onload和load失效的方法

    千次阅读 2012-04-19 09:33:13
    最近在做一个web项目,其中有一个需求:在服务端图片未下载完成之前显示另一个图片,下载完成后才显示此图片,所以想到了img的onload方法,开发完成后,在firefox浏览器下没有什么问题,在IE下测试,发现img的onload...
  • 写在前面今天也是写微信小程序的一天,真真切切的体会到了什么叫做异步。...这不像传统Web那样,当界面需要更新时,通过调用更新接口 UI 就会同步地渲染出来。在小程序架构里,这一切都会变成异步。 除了逻...
  • 最近在做web开发,其中有一个需求:利用Javascript获取要加载的图片的尺寸,所以很自然的,我就想到了img的onload方法,在 firefox下开发完成后,我到IE下调试,发现img的onload事件很多情况下都不被调用。...
  • 欢迎点击「算法与编程之美」↑关注我们!本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。1 问题描述在web前端课上学习js的时候发现经常用到这...
  • <h1>Web Storage 示例 <p id="xian"></p> 保存数据" onclick="saveStorage('mg');"> 读取数据" onclick="loadStorage('xian');"> 外调的js如下: window.onload=function(){ function ...
  • 在网页加载以及关闭时调用:onLoad="hello()表示在网页加载时调用js的hello()函数;onUnLoad="byebye()"表示在网页关闭时调用js的byebye()函数。2.JavaScript还有一个onClick时间比较常用,此事件主要在单击...
  • ready和onload

    2015-05-02 10:15:00
    ready:jQuery方法,当DOM载入就绪时执行。(不包含图片等非文字媒体文件) 它可以极大地提高web应用程序的响应速度。 有一个参数--对jQuery函数的... 元素的onload事件没有注册函数,否则不会触发+$(doc...
  • web中拖拽函数的封装

    2016-07-19 21:38:13
    window.onload = function() { var oDiv = document.getElementById('div1'); var oImg = document.getElementById('img1'); drag(oImg); drag(oDiv); function drag(obj) { obj.onmousedown = fu

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 465
精华内容 186
热门标签
关键字:

web中onload