`
minixx77
  • 浏览: 10790 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

js 加载其他页面的信息

 
阅读更多
加载其他页面的内容
方法一:
<script type="text/javascript">
    $(function (){
        $('a.dialog').click(function() {
            var url = $(this).attr('href');
            var dialog = $('<div style="display:none"></div>').appendTo('body');
            dialog.load(url, {}, function (responseText, textStatus, XMLHttpRequest)                       {
                dialog.dialog({
                    close: function(event, ui) {
                        dialog.remove();
                    }
                });
            });
            return false;
        });
    });
</script>

优化:
$('a.popup').click(function() {
        $("object").css("visibility", "hidden");
        var url = $(this).attr('href');
        var dialog = $('<div style="display:none"><div id="dialog-content">加载中...</div></div>').appendTo('body');
        dialog.dialog({
          title: "SFP监控图",
          height: 650,
          width: 800,
          modal: true,
          close: function(event, ui) {$("object").css("visibility", "visible");dialog.remove();}
        });
        $("#dialog-content").load(url);
        return false;
      });
分享到:
评论

相关推荐

    页面加载中js 页面加载中js 页面加载中js

    在网页开发中,"页面加载中js"是一个关键的概念,涉及到用户体验和页面性能优化。页面加载过程中,JavaScript(js)的执行对用户感知的页面加载速度有着直接影响。在这个主题下,我们将深入探讨JavaScript如何影响...

    js 动态加载网页样式

    总结一下,动态加载网页样式是通过JavaScript(尤其是jQuery)来实现实时更改CSS样式,提高用户体验。通过结合`jquery.cookie.js`,我们可以将用户的个性化选择保存在Cookie中,使得刷新页面后仍然能够保持用户定制...

    网页爬虫,网页抓取,js加载后网页抓取,超简单。

    网页爬虫是获取互联网上公开信息的一种自动化工具,它能够模拟浏览器的行为,抓取网页的HTML源代码,甚至是JavaScript加载后生成的内容。在标题和描述中提到的"超简单网页爬虫",主要针对的是对网页抓取技术的初级...

    js加载广告 页面加载广告

    在网页设计中,尤其是在门户站点如搜狐这样的大型网站上,利用JavaScript加载广告是常见的做法,因为这种方式可以实现动态、交互式的广告展示,提高用户体验并优化广告效果。 1. **JavaScript广告加载原理** ...

    js加载页面等待效果

    综上所述,实现"js加载页面等待效果"需要结合JavaScript的事件监听、DOM操作、CSS动画、异步加载策略等多个方面知识,同时注重性能优化和用户体验设计,以确保用户在等待页面完全加载的过程中获得积极的视觉反馈。...

    动态加载外部JS文件

    动态加载外部JS文件是网页开发中的一个重要技术,它允许网页在需要时按需加载JavaScript资源,从而提高页面的加载速度,优化用户体验,并有效地管理复杂的项目结构。以下将详细阐述动态加载的原理、方法以及相关实践...

    js加载base64图片

    3. **JavaScript加载Base64图片**: 在JavaScript中加载Base64图片,通常涉及到以下几个步骤: - **转换图片为Base64**:你可以使用FileReader API读取本地图片文件,并调用其`readAsDataURL()`方法将其转换为...

    js加载页面

    首先,了解JavaScript加载页面的基本过程至关重要。当用户访问一个网页时,浏览器会解析HTML文件,并遇到`&lt;script&gt;`标签。这些标签可以内联包含JavaScript代码或指向外部JS文件的URL。对于外部文件,浏览器会发起...

    javascript页面加载完执行事件代码

    3. 如果页面中有多个JavaScript文件,可以考虑将window.onload事件中的代码提取到一个单独的JavaScript文件中,并确保该文件在所有其他脚本加载之后执行。 4. 对于需要频繁交互的复杂页面,合理组织代码,避免使用...

    js实现页面加载完毕之前loading提示效果

    在本文中,我们将深入探讨如何使用JavaScript实现页面加载完毕之前的“loading”提示效果。这个效果可以在页面内容完全加载之前,向用户展示一个“页面加载中,请稍后...”的提示,以提升用户体验,避免用户在等待...

    四款由html+css+js实现的精美网页加载页面动画源码

    在网页设计中,加载页面动画是提升用户体验的重要一环,特别是在等待内容加载时,美观的动画可以缓解用户的等待焦虑。本资源提供了四款由HTML、CSS和JavaScript共同实现的精美网页加载页面动画源码,旨在帮助开发者...

    网页按顺序加载 最后加载js广告

    6. **JavaScript加载与执行**:遇到`&lt;script&gt;`标签时,浏览器会下载对应的JavaScript文件。默认情况下,这会阻塞页面渲染,直到脚本执行完毕。为了提高性能,可以将脚本设置为异步(async)或延迟加载(defer),...

    js 加载aspx页面

    &lt;script language="javavascript"src="a.aspx"&gt;&lt;/script&gt; 方式加载aspx页面框 该demo有点事 可以动态编辑返回的html,以及返回JSON数据,js动态加载数据

    正在加载页面中

    在网页设计中,"正在加载页面中"通常指的是在页面内容完全加载之前向用户展示的一种交互反馈。这种效果可以提供给用户一个明确的信号,让他们知道网站正在努力获取信息,并且即将呈现完整的页面。在本案例中,我们...

    js 异步加载js, css文件

    当项目js(css)文件使用越来越多,js 文件的加载也成了性能上的一个问题,此资源能够在页面全部加载完成后异步加载js等资源文件,它可以顺序加载资源列表,也可以并发加载资源列表,它包含一个方法调用接口:...

    js页面加载进度条

    JavaScript(简称JS)页面加载进度条是一种用户界面交互设计,用于提供可视化的页面加载状态,让用户了解网页内容的加载进度,提升用户体验。这种效果通常在大型应用或包含大量资源的网页中常见,因为它能平息用户的...

    延迟加载js代码下载(包括页面延迟加载以及图片延迟加载)

    本篇文章将详细讲解延迟加载在JavaScript(js)和jQuery中的应用,以及如何实现页面和图片的延迟加载。 一、延迟加载的概念 延迟加载,也称为懒加载(Lazy Loading),是指在需要时才加载资源的技术。这种技术主要...

    threejs加载GLTF示例

    在本示例中,我们将深入探讨如何使用Three.js库加载GLTF(通用场景图形格式)模型,这是一种广泛使用的3D模型格式,尤其适用于Web应用程序。Three.js是一个强大的JavaScript库,用于在Web浏览器中创建和展示三维图形...

    JS加载等待效果

    JavaScript加载等待效果是一种常见的用户体验优化技术,特别是在网页内容动态加载或者需要进行大量计算时。它通过展示一个加载动画或进度条来告知用户页面正在处理数据,以减少用户的等待焦虑感,提升整体的交互体验...

    scriptjs异步JavaScript加载器和依赖管理器

    **script.js:异步JavaScript加载器与依赖管理器详解** 在Web开发中,JavaScript的异步加载和依赖管理是优化页面性能的关键因素。`script.js`是一个轻量级且功能强大的工具,它允许开发者实现异步加载JavaScript...

Global site tag (gtag.js) - Google Analytics