`

无ajax 局部刷新功能嵌套窗口,子窗口更改父窗口内容

 
阅读更多

 

 

<div id="content2" style="width: auto;display: ${bundleJudgeInfo.gradeMethod==3 ? 'none' : 'block'}">

<h1>

评分项

<button class="tabM" id="spanOne" onclick="Tabset.showdt(this,1);">录入评分项</button>

<button class="tabM" id="spanTwo" onclick="Tabset.showdt(this,2);">上传评分项</button>

</h1>

<div id="ingredientDiv"  >

                                                                     --更改这里的内容

</div>

<div id="secondDiv" style="width: auto; display: 'none';">

<IFRAME id="iframe1" src="/evaluate/bundleExcel.do?method=gradeIngredFile&id=${bundleEvaluate.id}"

style="border: 0px; width: 100%; height: auto;" frameborder="0" scrolling="auto"></IFRAME>

</div>

 

大家好,这个代码不生效。何解?

//数据初始化

function dataInit() {

var pDiv = window.parent.$('gradeIngredientTable');

pDiv.innerHTML=$('gradeFile').innerHTML;

}


gradeIngredientTable元素是父元素,执行上面语句一直不成功。

处理方式,在table外套用DIV,给div赋值就可以了。

 

嵌套窗口赋值:

 

//数据初始化

function dataInit() {

var pDiv = window.parent.document.getElementById('ingredientDiv');

pDiv.innerHTML = $('tableDiv').innerHTML;

}


分享到:
评论

相关推荐

    ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术

    ### AJAX局部刷新技术详解 #### 一、简介 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换来实现这一点,从而提升...

    子窗口与父窗口刷新

    在Java Web开发中,"子窗口与父窗口...以上就是关于"子窗口与父窗口刷新",以及如何利用AJAX实现这一功能的详细介绍。在开发过程中,熟练掌握AJAX和JavaScript与Java JSP的交互,对于提升Web应用的用户体验至关重要。

    AJAX局部刷新案例

    在"AJAX局部刷新案例"中,我们关注的是如何通过JavaScript和相关的DOM操作来实现网页的局部刷新。这种技术通常涉及到以下几个关键组件: 1. **XMLHttpRequest对象**:这是AJAX的核心,它创建了一个异步的HTTP请求,...

    java实现ajax局部刷新

    在IT行业中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于网页的局部刷新,从而提升用户体验,减少不必要的页面跳转。这里的"Java实现Ajax局部刷新"是一个基础的示例,旨在帮助初学者理解Ajax的工作...

    jquery .ajax 局部刷新之后 js无法调用问题解决

    在JavaScript和jQuery的世界里,`.ajax`方法是用于异步数据通信的核心工具,它使得页面无需重新加载就能更新部分内容。然而,在使用`.ajax`进行局部刷新后,有时会出现JavaScript无法正确调用的问题,这主要涉及到...

    运用ajax局部刷新 制作登录验证

    通过以上步骤,我们可以利用Ajax实现登录验证的局部刷新功能,为用户提供更加平滑、高效的交互体验。在实际项目中,还可以结合其他技术,如Vue.js、React等前端框架,进一步优化代码结构和性能。

    AJAX局部刷新技术

    **AJAX(Asynchronous JavaScript and XML)** 是一种在无需重新加载整个网页的情况下,能够更新部分网页内容的技术。它的核心在于使用JavaScript与服务器进行异步数据交换,通过XML或者JSON等格式传输数据,并且...

    asp.net中ajax局部刷新

    ### ASP.NET中Ajax局部刷新详解 #### 一、引言 在Web开发中,局部刷新是一种常见的技术,它能够在不重新加载整个页面的情况下更新部分页面内容。这种技术极大地提升了用户体验,尤其是在复杂的Web应用中,局部刷新...

    Ajax局部刷新c#源码

    Ajax局部刷新技术是一种在网页不进行整个页面刷新的情况下,通过后台与服务器异步交换数据并局部更新页面的技术。这种技术极大地提升了用户体验,因为它允许用户在交互时无需等待整个页面加载,仅更新必要的部分。C#...

    ajax 局部刷新的例子

    局部刷新是Ajax的核心应用场景,它避免了用户必须等待整个页面重新加载才能看到更新内容的问题。在传统的网页交互中,用户点击一个链接或提交表单时,整个页面会刷新,这可能导致用户体验中断。而使用Ajax,我们可以...

    Ajax局部刷新分页

    在网页开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于实现页面的局部刷新,以提高用户体验。Ajax局部刷新分页就是一种这样的应用,它允许用户在不重新加载整个页面的情况下,仅更新页面中与分页...

    jsp与javascript配合,父窗口与子窗口之间刷新

    本示例探讨的是如何将JSP与JavaScript结合,实现父窗口与子窗口之间的数据通信及页面刷新功能,特别涉及了Ajax查询数据和表格渲染。以下是关于这些知识点的详细解释: 1. **JSP(JavaServer Pages)**:JSP是一种...

    手写js实现Ajax局部刷新技术

    国家电网的一个面试题,要求不使用ajax控件实现页面的局部刷新

    php ajax 实现局部刷新简单例子(超简单化)

    在探讨PHP与AJAX如何协同工作以实现网页的局部刷新之前,我们首先需要理解这两个技术的基本概念及其在现代Web开发中的角色。 ### PHP:服务端脚本语言 PHP(Hypertext Preprocessor)是一种广泛使用的开源服务器端...

    AJAX局部刷新

    AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下更新部分网页内容的技术。在Web开发中,AJAX的应用极大地提升了用户体验,因为它允许页面背景异步与服务器通信,而用户界面则保持交互...

    jQuery+ajax实现局部刷新的两种方法

    对于jQuery,它是一个快速、小巧、功能丰富的JavaScript库,通过它可以轻松操作DOM,而ajax允许我们实现无需重新加载整个页面就可以更新网页的部分内容。 第一种方法是利用jQuery的.load()方法,这是一种非常简便的...

    使用Ajax实现页面无刷新(局部刷新),

    它的核心是JavaScript对象XMLHttpRequest,通过这个对象,我们可以向服务器发送异步请求,获取数据并动态更新页面内容,从而实现页面的无刷新或局部刷新。 **一、Ajax的基本工作原理** Ajax的核心是创建...

    购物车和AJAX局部刷新两个实例源码

    TestAjaxDemo可能是这个实例的主程序文件,里面包含了实现购物车和AJAX局部刷新功能的JavaScript代码。为了深入理解这个示例,你可以打开这个文件查看具体的实现细节,包括如何创建AJAX请求,如何处理服务器响应,...

    ajax实现局部刷新

    在网页开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于实现页面的局部刷新,以提高用户体验。Ajax的核心是JavaScript对象XMLHttpRequest,它允许在不重新加载整个页面的情况下与服务器交换数据并...

    ajax实现了一个页面数据的局部刷新

    本文档利用ajax实现了一个页面数据的局部刷新。

Global site tag (gtag.js) - Google Analytics