`
- 浏览:
1312114 次
- 性别:
- 来自:
江苏
-
当你写了一个内弹窗口,
用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)}
};
}
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
"实现Ajax加载更多功能"是Web开发中一种常见的优化用户体验的技术。它允许用户在不刷新整个页面的情况下,通过异步请求获取并加载更多的内容。这种技术尤其适用于新闻、博客、社交媒体和其他需要显示大量数据的网站...
在本项目中,"ajax加载数据模板"显然关注的是如何在SSM(Spring、SpringMVC、MyBatis)框架下利用Ajax实现数据的动态加载、增删改查以及分页功能。 首先,我们需要理解SSM框架。Spring是一个全面的企业级应用开发...
Telerik Ajax加载是一种高效的方法,用于在ASP.NET开发中实现实时页面更新,无需完全刷新整个页面。Telerik是一家提供专业UI控件和工具的公司,其Ajax框架为Web应用程序提供了丰富的用户体验。在这个主题中,我们将...
通过这种方式,用户可以一边浏览页面,一边等待数据加载,同时看到加载动画(如"ajax加载数据转圈动画图片.gif"),提高了用户体验。 加载动画是用户体验设计中的一个重要元素,特别是在数据加载期间,它可以帮助...
总结起来,JavaScript AJAX加载指示器结合GIF动图是提高用户体验的有效手段。通过监听AJAX请求的状态,我们可以适时地显示和隐藏加载动图,从而告知用户后台正在处理数据。在实际项目中,可以根据需求进行调整和扩展...
AJAX加载图标,顾名思义,是在进行AJAX请求时显示的一种视觉反馈,通常是一个动态的或者静态的图形,用来告知用户系统正在进行后台操作,请求尚未完成。这些图标设计得既美观又具有功能性,可以是简单的旋转圆圈、小...
至于**标签"JS特效-表单按钮"**,这表明此插件可能涉及到JavaScript特效,特别是与表单元素如按钮相关的交互效果。在实际应用中,可能会有自定义样式、悬停效果、点击反馈等增强用户体验的细节处理。 总的来说,"带...
本文将详细介绍如何制作这样的Ajax加载等待图片。 首先,理解Ajax加载等待图片的原理。它通常由两部分组成:视觉元素和JavaScript代码。视觉元素可以是静态图片、GIF动画或HTML5的CSS3动画,用来展示正在加载的状态...
"Ajax加载提示"是指在使用Ajax进行后台数据交互时,为了提升用户体验,显示的一种正在加载的状态指示器。这种提示通常是一个动态的图形、文字或者动画,让用户知道后台数据正在加载,防止用户误操作或对页面状态感到...
综上所述,"loading(各种AJAX加载图片)"涉及到的内容包括AJAX的基础与应用,图片的异步加载策略,加载效果的设计与实现,跨域问题的解决,以及性能优化等多个方面。通过这些技术,我们可以构建出更加流畅、高效的...
2. AJAX(Asynchronous JavaScript and XML):AJAX不是单一的技术,而是一种使用现有Web技术创建更好、更快、更互动的用户体验的方法。它允许网页在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页...
在IT领域,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于网页动态加载数据,它可以实现页面无刷新更新,提升用户体验。本话题聚焦于利用Ajax动态加载无限级树结构的复选框,这是一个常见于文件管理、...
而Ajax(Asynchronous JavaScript and XML)则是一种在不重新加载整个网页的情况下更新部分网页的技术。当dtree与Ajax结合时,可以实现异步加载树节点,提升用户体验,减少页面加载时间。 ### dtree基础知识 1. **...
在JavaScript文件(data.js)中,我们可以看到Ajax请求的实现。通常,这会使用`XMLHttpRequest`对象或者更现代的`fetch` API。下面是一个基本的Ajax请求示例: ```javascript var xhr = new XMLHttpRequest(); xhr....
在文件列表中,`js_object_model.jpg`可能是一个关于JavaScript对象模型的示意图,帮助开发者理解如何在JavaScript中创建和操作对象。而`perl.png`则可能与后端脚本语言Perl有关,虽然在这个特定的上下文中没有直接...
AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术。在"点击加载更多"的场景中,AJAX扮演着关键角色,它使得用户可以滚动页面到底部时,通过点击按钮来加载更...
Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它的核心在于利用JavaScript异步地与服务器交换数据并更新页面的局部内容,从而提升了用户体验,使得网页...
在这个文件中,可能会有一个按钮或者一个表格,当用户触发某个操作时,JavaScript代码(可能嵌入在JSP中或引用外部JS文件)会发起Ajax请求,调用`RefreshModelListServlet`,并在接收到响应后更新表格或其他展示区域...
例如,使用jQuery实现一个简单的Ajax加载: ```javascript $("#loadButton").click(function() { $.ajax({ url: "ajax_data.html", // 服务器端数据源 type: "GET", success: function(data) { $("#...
AJAX(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器进行数据交换,提升了用户体验。"jQuery AJAX加载片段"这个主题就是关于如何使用jQuery来实现高效的、可复用的异步加载数据的...