`
zuroc
  • 浏览: 1312114 次
  • 性别: Icon_minigender_1
  • 来自: 江苏
社区版块
存档分类
最新评论

ajax加载与js

阅读更多
当你写了一个内弹窗口,
用ajax获取远程的html.
然后直接用innerHTML,插到网页中.

这时候你想针对加载内容运行一段js,
但是innerHTML中插入的似乎不会被执行,
怎么办?

当然,你可以用一个统一的js文件包含所有的函数,预先加载,
但是,这样维护起来很麻烦,由其不止你一个人写代码的时候

再去ajax加载一段js,Oh,好麻烦.

还是用我这个函数吧

传入htm

返回值.htm 就返回不含js的htm代码
返回值.js 就执行htm中的js


需要注意的是,要先将htm用innerHTML插入到网页中再去运行js脚本,否则getElementById是不生效的

最后不要忘记setTimout 0 的小技巧
setTimeout('document.getElementById("signin_password").focus()',0)
____________________________________________
function js_parser(htm){
   var tag="script>",begin="<"+tag,end="</"+tag,pos=pos_pre=0,result=script="";
    while(
        (pos=htm.indexOf(begin,pos))+1
    ){

       result+=htm.substring(pos_pre,pos);

        pos+=8;

        pos_pre=htm.indexOf(end,pos);

        if(pos_pre<0){

            alert("标签未闭合");

            break;

        }

        script+=htm.substring(pos,pos_pre)+";";

        pos_pre+=9;

    }

    result+=htm.substring(pos_pre,htm.length);

  

    return {

        htm:result,

        js:function(){eval(script)}

    };

}



2
1
分享到:
评论
2 楼 zuroc 2008-10-08  
这个应该没什么联系吧
1 楼 est 2008-10-08  
script这个tag有个属性叫defer

不过垃圾浏览器FF最近才开始支持这个标准。。。

相关推荐

    实现ajax加载更多功能

    "实现Ajax加载更多功能"是Web开发中一种常见的优化用户体验的技术。它允许用户在不刷新整个页面的情况下,通过异步请求获取并加载更多的内容。这种技术尤其适用于新闻、博客、社交媒体和其他需要显示大量数据的网站...

    ajax加载数据模板

    在本项目中,"ajax加载数据模板"显然关注的是如何在SSM(Spring、SpringMVC、MyBatis)框架下利用Ajax实现数据的动态加载、增删改查以及分页功能。 首先,我们需要理解SSM框架。Spring是一个全面的企业级应用开发...

    Telerik Ajax加载

    Telerik Ajax加载是一种高效的方法,用于在ASP.NET开发中实现实时页面更新,无需完全刷新整个页面。Telerik是一家提供专业UI控件和工具的公司,其Ajax框架为Web应用程序提供了丰富的用户体验。在这个主题中,我们将...

    php+ajax加载数据转圈动画图片.zip

    通过这种方式,用户可以一边浏览页面,一边等待数据加载,同时看到加载动画(如"ajax加载数据转圈动画图片.gif"),提高了用户体验。 加载动画是用户体验设计中的一个重要元素,特别是在数据加载期间,它可以帮助...

    Javascript ajax加载Loading

    总结起来,JavaScript AJAX加载指示器结合GIF动图是提高用户体验的有效手段。通过监听AJAX请求的状态,我们可以适时地显示和隐藏加载动图,从而告知用户后台正在处理数据。在实际项目中,可以根据需求进行调整和扩展...

    AJAX加载图标大全

    AJAX加载图标,顾名思义,是在进行AJAX请求时显示的一种视觉反馈,通常是一个动态的或者静态的图形,用来告知用户系统正在进行后台操作,请求尚未完成。这些图标设计得既美观又具有功能性,可以是简单的旋转圆圈、小...

    带搜索过滤ajax加载下拉框代码.zip

    至于**标签"JS特效-表单按钮"**,这表明此插件可能涉及到JavaScript特效,特别是与表单元素如按钮相关的交互效果。在实际应用中,可能会有自定义样式、悬停效果、点击反馈等增强用户体验的细节处理。 总的来说,"带...

    制作ajax加载等待图片

    本文将详细介绍如何制作这样的Ajax加载等待图片。 首先,理解Ajax加载等待图片的原理。它通常由两部分组成:视觉元素和JavaScript代码。视觉元素可以是静态图片、GIF动画或HTML5的CSS3动画,用来展示正在加载的状态...

    ajax加载提示

    "Ajax加载提示"是指在使用Ajax进行后台数据交互时,为了提升用户体验,显示的一种正在加载的状态指示器。这种提示通常是一个动态的图形、文字或者动画,让用户知道后台数据正在加载,防止用户误操作或对页面状态感到...

    loading(各种AJAX加载图片)

    综上所述,"loading(各种AJAX加载图片)"涉及到的内容包括AJAX的基础与应用,图片的异步加载策略,加载效果的设计与实现,跨域问题的解决,以及性能优化等多个方面。通过这些技术,我们可以构建出更加流畅、高效的...

    php ajax mysql 点击加载更多 分页

    2. AJAX(Asynchronous JavaScript and XML):AJAX不是单一的技术,而是一种使用现有Web技术创建更好、更快、更互动的用户体验的方法。它允许网页在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页...

    ajax动态加载无限级树的复选框

    在IT领域,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于网页动态加载数据,它可以实现页面无刷新更新,提升用户体验。本话题聚焦于利用Ajax动态加载无限级树结构的复选框,这是一个常见于文件管理、...

    dtree+ajax异步加载树

    而Ajax(Asynchronous JavaScript and XML)则是一种在不重新加载整个网页的情况下更新部分网页的技术。当dtree与Ajax结合时,可以实现异步加载树节点,提升用户体验,减少页面加载时间。 ### dtree基础知识 1. **...

    使用Ajax动态加载JSON文件

    在JavaScript文件(data.js)中,我们可以看到Ajax请求的实现。通常,这会使用`XMLHttpRequest`对象或者更现代的`fetch` API。下面是一个基本的Ajax请求示例: ```javascript var xhr = new XMLHttpRequest(); xhr....

    Jquery插件小集合(ajax 投票 AJAX动态加载广告)

    在文件列表中,`js_object_model.jpg`可能是一个关于JavaScript对象模型的示意图,帮助开发者理解如何在JavaScript中创建和操作对象。而`perl.png`则可能与后端脚本语言Perl有关,虽然在这个特定的上下文中没有直接...

    AJAX点击加载更多

    AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术。在"点击加载更多"的场景中,AJAX扮演着关键角色,它使得用户可以滚动页面到底部时,通过点击按钮来加载更...

    Ajax的加载,跳转页面

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它的核心在于利用JavaScript异步地与服务器交换数据并更新页面的局部内容,从而提升了用户体验,使得网页...

    ajax 动态加载 jsp 和servlet

    在这个文件中,可能会有一个按钮或者一个表格,当用户触发某个操作时,JavaScript代码(可能嵌入在JSP中或引用外部JS文件)会发起Ajax请求,调用`RefreshModelListServlet`,并在接收到响应后更新表格或其他展示区域...

    ajax的动态加载

    例如,使用jQuery实现一个简单的Ajax加载: ```javascript $("#loadButton").click(function() { $.ajax({ url: "ajax_data.html", // 服务器端数据源 type: "GET", success: function(data) { $("#...

    jQuery AJAX加载片段

    AJAX(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器进行数据交换,提升了用户体验。"jQuery AJAX加载片段"这个主题就是关于如何使用jQuery来实现高效的、可复用的异步加载数据的...

Global site tag (gtag.js) - Google Analytics