解决ajax加载的javascript不被执行的问题

最新推荐文章于 2022-09-22 17:07:45 发布
最新推荐文章于 2022-09-22 17:07:45 发布 · 935 阅读 · 0
文章标签：

#JavaScript #Ajax #IE #XML #ViewUI

本文介绍了一种解决在Internet Explorer浏览器中使用AJAX加载包含JavaScript代码的页面时遇到的问题的方法。通过创建一个隐藏的iframe并利用其onload事件来触发所需的JavaScript函数，可以确保这些脚本能够被正确执行。
用ajax 加载的页面如果带javascript，在IE中不被执行
使用下面的方法解决

xml 代码
 
  1. <div style="display: none">  
  2.     <iframe style="display:none" onload="javascript: myJavascriptFunction()"></iframe>  
  3. </div>  
jquery .ajax 局部刷新之后 js无法调用问题解决
05-28
jquery .ajax 局部刷新之后 刷新内容无法调用js.
Ajax 动态载入html页面后不能执行其中的js快速解决方法
10-18
总之，解决Ajax动态加载HTML后JavaScript不执行的问题需要理解浏览器的渲染机制和JavaScript执行环境。通过合理地解析和注入JavaScript代码，可以确保动态加载的内容能够正确运行。希望这篇文章能帮助开发者更好地...
ajax请求返回后JS无法执行的问题
lgx2351
02-15 686
一：发送ajax请求，在onComplete时，如果返回的html时包含有javascript，则这些javascrip并不会被认到，也并不不执行。这个问题困扰了我很长时间，后面再发个时间把这个知识点总结一下及如何来解决这个问题。 1.发现对于ajax的理解还是不够深，抽些时间看看书，看看资料，好好地研究下。 2.发现对于protype的理解还是不够深，抽些时间看看书，看看资料，好好地研究下。 3...
ajax载入html后不能执行js,解决ajax动态加载中JavaScript方法不执行失效
weixin_30613239的博客
06-09 1431
最近在研究ajax的应用，在新加载的页面中，JS失效了，故此去寻找解决办法，特此分享。具体原因是因为，ajax载入新的页面之前，js就已经加载完了，因此事件没能绑定载入到新的dom上，因此只要重新绑定下就可以了。所以在此定义一个方法，在使用ajax获得新页面数据data的时候，把数据作为参数传入此方法中，就能重新绑定执行javascript了。下面看代码：function executeScrip...
解决Ajax发送异步请求，js语句有不执行的坑
qq_41888230的博客
03-12 1402
问题描述1： 最近遇到2个关于Ajax异步请求的坑： 1：自己定义的函数里面发送了post请求，需要回调函数的结果用作判断。如果post请求下面还有js语句，那么：回调函数还来不及执行，下面的语句就已经执行了。 案列： 自己写了一个判断验证码，先做前端校验，如果通过就去后台比较验证码，后台测试没有问题，最终结果始终以前端的校验为准，也就是说回调函数还没执行就直接 return 了。 /*校验...
Ajax调用后JS不生效的问题及解决办法
freesky_zh
11-13 2352
a.jsp通过Ajax调用b.jsp，然后返回b.jsp的内容显示在a.jsp中。现在遇到一个问题，就是在b.jsp中定义了js，在a.jsp中click button并没有调用该js。在firefox中通过Firebug查看源代码。把它保存成html或jsp，js都可以被调用。源代码如下：-----a.jsp----------------------- &lt;%@ page language...
精选资源
使用ajax加载的页面中包含的javascript的解决方法
01-19
1、【使用iframe】 在需要加载的页面中添加一个iframe，如下 代码如下: <iframe style=”display:none” onload=”[removed] close_ticket_onload()”></iframe> onload中添加你所要调用的函数，如果...
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
11-26
在浏览器环境下，JavaScript脚本加载与执行的方式多样，其中动态脚本和Ajax脚本注入是两种常见的优化策略，旨在减少脚本对页面解析和渲染的影响。动态脚本是指通过JavaScript动态创建`<script>`标签并插入到DOM中，...
使用Ajax加载页面js不起作用问题
ccyyss的专栏
08-02 4039
<br />使用Ajax加载页面js不起作用问题<br />例如：A页面加载时调用B页面，如果在A页面有一个按钮需要调用C页面，在A页面中有一个div， 其中div.innerHTML = c页面的内容，C页面有一段JS不起作用，调用时总会出错，这时只需要加一个defer。<br /> 如：<script type = "text/javascript" defer></script><br />下面根据在网上查找的内容说一下defer<br /><script type = "text/javascrip
ajax动态加载js页面,js无法捕捉dom中由ajax动态加载的html元素
weixin_31437175的博客
08-05 298
使用了jquery库具体的html 这边就不展示了，大概做一个范例介绍html 文件内容：Delete$(function(){$('#tid a.del').click(function(){alert('fk');// 弹出提示信息$('#tid').html('New Delete');//这边就不用ajax了，直接动态修改 div#tid 下的htmlreturn false;});});...
ajax拼接页面后js 点击事件失效解决方案
qq_15901351的博客
06-19 4285
解决方案： 1、可以使用绑定点击事件 $("body").bind('click',".s3",function(){ $(".tanchuang").show(); $(".tc_nianyue").show(); $(".tc_dizhi").hide(); }）   2、可以使用onclick事件 $(document).on('click',".quxiao",fun
ajax加载数据导致js失效及解决办法
zLanaDelRey的博客
10-13 5821
问题描述： 用ajax从后端返回数据后，该div中的js失效 分析： ajax是异步操作。ajax和js的文件是同时加载。ajax还未返回js文件中获取的id或class，js已经加载完毕。导致js失效。 解决办法： 将异步操作该为同步操作。是页面先加载ajax文件在加载js文件。这样就能获取到元素的id和class值了。 $.ajax({ type:"get", ...
使用ajax动态加载html元素时，onclick事件失效
Xiao_peng117的博客
10-21 2101
转载自使用ajax动态加载html元素时，onclick事件失效 原因：ajax动态加载之前js就加载完了，事件没有绑定到动态生成的dom元素上。 问题：使用on事件，$('#btn').click(function(){})绑定无效 解决方案：使用on绑定事件。$(document).on('click','#btn',function(){}) 例如绑定layer弹出层的事件： $(d...
【JQuery】ajax分页 异步加载数据后 页面元素绑定的jQuery事件 js失效问题
在红尘中争渡
09-22 1044
解决 jQuery异步加载 元素绑定的JS事件失效 JS不执行问题
Ajax动态拼接HTML，JS失效------解决方法
qq_34783484的博客
05-12 5101
  $("父元素").on("click","子元素",function(){ //执行代码 })$('#grade').on('click',"a", function () {        $("#grade a").removeClass("active")        $(this).addClass("active");        $('#subPag
ajax动态拼接html数据,Ajax动态拼接HTML，JS失效的解决——Jquery的事件委托
weixin_39972264的博客
06-04 587
晚上用Ajax拼接动态生成的html到页面时，遇到JS中的方法失效的问题，可是头疼。原因是Ajax在载入新的dom之前就已经把页面的JS加载完了，再执行事件时，没有绑定到新载入的dom上。这时候就需要利用Jquery的事件委托。利用事件委托的话，只需要给父级绑定一个事件监听，即可让每个li都绑定上相应的事件。简单来说就是：$("父元素").on("click","子元素",function(){/...
ajax异步刷新页面使之前的js事件失效
晴天的博客
10-12 1058
工作中遇到需要用ajax异步刷新页面重新生成页面元素，然而重新生成的页面元素使得之前的js失效了。经过查询得知是因为js和ajax异步刷新页面同时加载，js找不到需要定位的元素标志，所以导致js失效。 这里我们可以使用js的事件委托来解决该问题。比如用addEventListener()方法来监控事件 document.getElementById("id").addEventList...
关于ajax局部刷新后，js绑定事件失效的问题
encircles的博客
09-21 4966
百度了一下，csdn上有高手回答了很多很细 简单理解： 绑定事件在文档没有加载完成的时候是无法绑定的，因为不能获取到html 元素 所以需要用   $(document).on(e,selector,function()) 来绑定事件 $(document).on('change',"#inputfilepic", function () { va
ajax阻塞页面加载,完美解决JS文件页面加载时的阻塞问题
weixin_33066321的博客
08-06 1169
关于页面加载时的时间消费，许多书中都做出了介绍，也提出了很多种方法。本文章就详细介绍XHR注入。概述：JS分拆的方法1.XHR注入：就是用ajax异步请求同域包含脚本的文件，然后将返回的字符串转化为脚本使用，该方法不会造成页面渲染和onload事件的阻塞，因为是异步处理，推荐使用。2.iframe注入：加载一个iframe框架，通过使用iframe框架中的脚本来避免src方式加载脚本的阻塞，但是i...
动态脚本与Ajax注入：浏览器JavaScript加载与执行详解
总结来说，动态脚本和Ajax脚本注入是两种优化浏览器环境下JavaScript执行效率的重要策略，它们各自具有特定的执行特点和适用场景。了解这些技术可以帮助开发人员更好地管理脚本加载，提升网页性能，同时考虑到跨...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值