首页 技术教程 实用代码 注册破解 正则表达式 网址导航 电子书籍

HTML 图片异步加载

图片异步加载是优化网页性能的重要技术,可以减少初始页面加载时间,提升用户体验。以下是几种实现图片异步加载的方法: 1. 使用 loading="lazy" 属性(原生懒加载) <img src="image.jpg" loading="lazy" alt="示例图片"> 这是HTML5原生支持的懒加载方式,现代浏览器都支持。当图片接近视口时才会加载。 2. 使用Intersection Observer API(更灵活的懒加载) <img class="lazy" data-src="image.jpg" alt="示例图片"> <script> document.addEventListener("DOMContentLoaded", function() { const lazyImages = document.querySelectorAll("img.lazy"); ...
类别:网页编程    查看:29    更新:2025-03-29

判断iframe是否加载完成

一般来说,我们判断 iframe 是否加载完成其实与 判断 JavaScript 文件是否加载完成 采用的方法很类似: 以下是Javascript代码:【复制】 var iframe = document.createElement("iframe");iframe.src = http://www.goalercn.com;if (!/*@cc_on!@*/0) { //if not IEiframe.onload = function(){alert("Local iframe is now loaded.");};} else {iframe.onreadystatechange = function(){if (iframe.readyState == "complete"){alert("Local iframe is now loaded.");}};}document.body.appendChild(iframe);最近, Nicholas C. Zakas 文章《Iframes, onload, and document.domain》的评论...
类别:网页编程 - JavaScript    查看:195    更新:2014-06-06

jquery加载XML文档代码分享

<script type="text/javascript"> $(function(){ $("#ajax").one('click',function(){ //$("#ajax").nextAll().remove(); $.ajax({ url: 'ajax.xml', //data: {id: 1, name: 0}, dataType: 'xml', error: function(xml){ alert('加载出错'); }, success: function(xml){ var tr=''; $(xml).find("row").each(function(i){ var id=$.trim($(this).children("id").text()); //取对象 var v1=$(this).attr('v1'); var v2=$(this).attr('v2'); var v3=$(this).attr('v3'); var v4=$(this).attr('v4'); var v5=$(this).attr('v5'); //最后么输出了 $('<tr>&l...
类别:网页编程 - JavaScript    查看:130    更新:2014-05-22

有选择地显示预加载内容,提高网站的性能

开发一个Web应用程序会牵涉很多设计上的考虑和决定。其中最重要的就是响应时间——这是一个性能上的考虑。提高网站响应时间的一种方法是预加载其内容,然后只在用户想要看到它的时候才显示出来。你可以利用动态HTML(DHTML)和JavaScript来实现这一点。 HTML页面内的每个元素都可以通过JavaScript来访问。DHTML的样式属性包含有可视性属性,后者能够让你控制是否在页面上显示元素的内容。要做到这一点,你就要把属性设置为可视或者隐藏。下面的句法能够让用户通过JavaScript来访问这个属性: document.element_name.style.visibility = "visible" 或者 document.element_name.style.visibi...
类别:网页编程 - JavaScript    查看:119    更新:2014-05-22

JS不同加载方式下的window.onload

window.onload 是页面全部加载完成,包括图片、CSS、JavaScript等。但加载JavaScript的方法有很多种,不同的方式下,window.onload的表现也不一样! 例如,我网页中要使用4个js文件,我分别用以下方法加载: 1、最常用的方法来加载: <script language="javascript" src="1.js"></script> <script language="javascript" src="2.js"></script> <script language="javascript" src="3.js"></script> <script language="javascript" src="4.js"></script> window.onload = function() ...
类别:网页编程 - JavaScript    查看:95    更新:2014-05-22

临时加载js文件

为了精简代码长度,把不常用的功能归到一个独立的 js 文件中,只在需要的时候才引用进来。这是我在公司一个已有项目的重构优化工作中提出来的一个建议。实现的思路有几种: 1、创建 script 节点,指明该节点的 src 属性为 js 文件的 url,再把节点 appendChild 到 <head>中去。 2、document.write("<script type='text/javascript' src='xxxx.js'></script>") 3、使用 xmlhttp 对象,同步取回 js 文件的文本,并把文本设为新创建的 script 节点的 text  属性值。 第一种方法,是异步发生的,往往是 js 文件还没有下载完,就执行下面的过程了,测试时我发现不管是否加了 defer 属性,始终都是异步,这让我很郁闷。...
类别:网页编程 - JavaScript    查看:78    更新:2014-05-22

.NET延迟加载的实现

本文对延迟加载在常用控件的实现做简单的描述。 一、在界面第一次显示时加载 最简单的延迟加载可以通过控件第一次显示时加载数据,例如你有很多的页签,只有用户切换到这个页签时,才会加载数据。 在.NET的Control中提供SetVisibleCore虚方法,当检测value是true且第一次调用此方法时,调用延迟加载。但是我并不推荐这个方法,因为你有更好的地方。 - 如果你的控件继承自Form或者UserControl,建议重载OnLoad; - 如果继承自Control,可以重载OnCreateControl。 下面是延迟加载数据的例子: public class MyTabPage : TabPage { protected override void OnCreateControl() { base.OnCreateControl(); ...
类别:网页编程 - ASP.NET    查看:106    更新:2014-05-20

C#:从资源文件里加载文件

1.概述:资源文件很早就有了,在。Net时代里这个东西也不算稀奇,在进行多国语言化的时候通常把不同翻译的文字存放到资源包里。以前资源文件除了放字符串以外,还可以放文件。不过在C#的工程里面,资源管理面板是空的(vc++工程里资源面板可以使用),无法直接编辑资源属性,不过每个WinForm都会带一个.resx的文件,这个文件就是WinForm的资源文件。如果通过添加新项目的方法,给工程里添加资源文件的话,产生的也是.resx文件。估计.resx文件是.net给c#新设计的资源文件格式。.resx以XML格式保存,主要存放字符串。对于文件我还没有找到添加到.resx的方法,因此我们需要用其它方法把文件打包到资源文件里面。2.资源文件打包。net除了...
类别:程序开发 - C#/.NET    查看:135    更新:2014-05-17

Struts1.1配置文件的加载

通过ActionServlet的成员变量configDigester的初始化来深入理解struts-config.xml文件的加载,其中配置信息可以通过org.apache.struts.config.impl.ModuleConfigImpl类描述。 configDigester上注册了RuleSet类为ConfigRuleSet,主要通过覆盖方法public void addRuleInstances(Digester digester)来为digester注册Rule,代码分析如下: 1.处理ModuleConfigImpl对象中的数据源DataSourceConfig对象: /* 1.1当遇到struts-config/data-sources/data-source开始标记时便创建此标记className属性标示的类实例,如果没有className属性,则创建org.apache.struts.config.DataSourceConfig对象,并入栈;遇到结束标记时对象出...
类别:程序开发 - JAVA    查看:87    更新:2014-05-15

动态加载JS的4种方法

1、直接document.write以下是Javascript代码:【运行】【复制】 <script language="javascript"> document.write("<script src='test.js'><\/script>");</script>2、动态改变已有script的src属性以下是Javascript代码:【复制】 <script src='' id="s1"></script><script language="javascript"> s1.src="test.js"</script>3、动态创建script元素以下是Javascript代码:【复制】 <script> var oHead = document.getElementsByTagName('HEAD').item(0); var oScript= document.createElement("sc...
类别:网页编程 - JavaScript    查看:103    更新:2014-05-14

Prototype - 在页面加载后动态加载js文件

使用prototype js库的时候如何实现呢?太有了,如果一次性加载很多但是首页没用的JS库实在是让用户傻等实在不妥.另外还有一个问题就是我们有些功能,如bookmak按钮,facebook,twiter的按钮,聊天工具的按钮通常要加载第三方脚本,但是,有时候加载第三方非常慢导致页面显示出问题.所以这些情况的脚本完全可以在页面加载后再来加载.新建一个元素并插入到head元素。 以下是Javascript代码:【复制】 <p><a class="a2a_dd" href="http://www.goalercn.com/share_save">Bookmark</a></p> <script type="text/javascript"> document.observe("dom:loaded", function () { $$(&quo...
类别:网页编程 - JavaScript    查看:112    更新:2014-05-03