`
ghl116
  • 浏览: 163918 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

使用javascript设置页面值的一个问题

阅读更多

最近在使用javascript,使用iframe框架,从一个页面调用另一个页面的函数的时候,发现一个问题

	<div style="float: left">
		<iframe   name="middle" src="${pageContext.request.contextPath}/page/user/second_usergroupTree.jsp" width="280px" height="500px" style="border: 0px;overflow: auto" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
		</div>
		<div id="tt" style="width:750px;height:500px;float: left;margin-left: 20px">
		<div title="基本信息" style="padding:20px;" name="Tab1">
			<iframe name ="tab1Content" id="tab1Content" scrolling="auto" frameborder="0"  
			src="${pageContext.request.contextPath}/groupAction.do?methodName=insert_req" style="width:100%;height:100%;"></iframe>
		
		</div>
		<div title="角色"  style="padding:20px;" name="Tab2">
			<iframe name ="tab2Content"id="tab2Content" scrolling="auto" frameborder="0"  src="${pageContext.request.contextPath}/roleAction.do?methodName=userRole_query&userid=" style="width:100%;height:100%;"></iframe>
		</div>
		<div title="权限"  style="padding:20px;" name="Tab3">
			<iframe name ="tab3Content"id="tab3Content" scrolling="auto" frameborder="0"  src="${pageContext.request.contextPath}/page/resource/user_resourceTree.jsp" style="width:100%;height:100%;"></iframe>
		</div>
	</div>

 我是从middle页面给tab1Content页面内容传值

	window.parent.document.getElementById("tab1Content").src = "${pageContext.request.contextPath}/page/user/user.jsp";
				
	window.parent.document.getElementById("tab1Content").contentWindow.fillForm("","insert",node.id,"12","12","34");
				

但是tab1Content页面内容的值并没有设置为函数中的值,

 

 然后发现tab1Content页面的函数fillForm被调用了,但是后来又被设置为空了,可能是文档加载完成后,把原先的值覆盖掉了吧,具体原因我也不太清楚。

 

 

 

分享到:
评论

相关推荐

    javascript中showModalDialog子页面值赋给父页面

    3. **父页面接收数据**:在父页面中,`showModalDialog`函数会返回一个值,这就是子页面设置的`window.returnValue`。父页面需要监听这个返回值,解析JSON并进行后续处理: ```javascript let result = window....

    JavaScript动态页面制作

    对于初学者,jQuery是一个很好的起点。 6. ES6及以上版本的新特性:随着JavaScript的发展,ES6(ECMAScript 2015)及后续版本引入了很多新特性,如箭头函数、模板字符串、let和const、解构赋值等,它们提高了代码的...

    FineReport中如何用JavaScript解决控件值刷新不及时的问题

    总结来说,在FineReport中,利用JavaScript来解决控件值刷新不及时的问题是一个实用的技术手段。通过掌握和应用该技术,可以有效提升报表的交互性和用户体验。在编程实现时,关键在于理解FineReport数据刷新机制的...

    关于使用javascript实现点击一个页面文本框,然后跳转到另一个页面进行点击值回传例子

    标题中的“关于使用javascript实现点击一个页面文本框,然后跳转到另一个页面进行点击值回传例子”描述了一个常见的Web开发场景,涉及到JavaScript的页面交互和数据传递。在这个过程中,用户在页面A(我们假设是c....

    JavaScript实现在页面间传值的方法

    在a.html页面定义了一个隐藏的表单字段,并通过JavaScript在提交表单时修改这个隐藏字段的值。需要注意的是,在这种方法中,我们同样需要在b.html页面中通过JavaScript来获取这个隐藏字段的值。 此外,本文还提到了...

    购物车 静态页面 含javascript

    本项目“购物车静态页面含JavaScript”就是一个专注于实现这些功能的示例。这个页面是静态的,意味着它不依赖服务器端的数据交互,而是通过JavaScript来处理用户的交互和页面动态更新。 首先,让我们深入了解一下...

    JavaScript程序设计——页面设置与表单验证实验报告.docx

    实验报告的标题“JavaScript程序设计——页面设置与表单验证实验报告.docx”涉及的核心是JavaScript编程中的两个关键领域:页面设置和表单验证。在Web开发中,JavaScript是一种常用的客户端脚本语言,用于增强用户的...

    JavaScript全局变量的本质及页面共享问题 -页面

    JavaScript全局变量的本质与页面共享问题是一个重要的编程概念,尤其是在网页开发中。JavaScript是一种广泛使用的脚本语言,它的全局变量在程序中的角色独特,且与页面的生命周期和浏览器环境紧密相关。 首先,我们...

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

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

    用javascript实现的页面下雪功能

    例如,你可以设置一个定时器,每隔一段时间就调整所有雪花的色相值。 为了展示雪花,我们需要在HTML中创建一个元素(如`&lt;canvas&gt;`或使用CSS伪元素),并使用JavaScript来操纵它们。如果使用`&lt;canvas&gt;`,你需要使用`...

    JavaScript html js页面刷新之后下拉菜单选中值不变,在按钮提交后保存下拉列表中值不变

    标题中的“JavaScript html js页面刷新之后下拉菜单选中值不变”是一个常见的前端开发问题,涉及到浏览器缓存、页面状态保持以及JavaScript操作DOM元素的知识点。在这个场景中,开发者希望在用户选择下拉菜单的一项...

    javascript客户端验证和页面特效制作

    监听键盘事件,当检测到回车键时,使用 JavaScript 自动将焦点转移到下一个输入框。 ##### 三、制作输入提示特效 使用 JavaScript 监听输入框的变化,在用户输入时显示提示信息。 ##### 四、制作内容动态改变的层...

    使用 JavaScript 编写的简单 BMI 计算器,附带源代码.zip

    简单 BMI 计算器是一个使用 HTML5、CSS 和 JavaScript 开发的简单项目。该项目用于检查您的 BMI。通过 BMI 值,您可以检查自己的体重是否健康。此外,您还可以在此项目中看到此计算器的基本功能。 项目制作 简单 BMI...

    c#页面与javascript交互

    1. **步骤一**:定义一个 JavaScript 函数,监听键盘事件。 ```html &lt;script language="javascript"&gt; function submitOnClick(event) { if (event.keyCode == 13) { // Enter 键 event.cancelBubble = true; ...

    基于JavaScript控制页面样式的研究.pdf

    本文主要研究基于JavaScript控制页面样式的技术,介绍了CSS和JavaScript的基本概念和技术特点,并通过一个实例来展示如何结合JavaScript和CSS来实现页面样式的控制。 一、CSS技术 CSS(Cascading Style Sheets)是...

    js弹出一个新页面并获得弹出页面的值

    根据提供的文件信息,本文将详细解释如何使用JavaScript在父页面中弹出一个新的窗口,并从这个新弹出的窗口中获取数据。此技术常用于需要在当前页面与另一个页面之间进行数据交互的应用场景。 ### 一、理解弹窗原理...

    javascript实现页面5秒后自动跳转到首页或其他页面

    然后,我们定义了一个名为`countdown`的函数,它会递减`seconds`的值并更新`countdownElement`的内容。当`seconds`变为0时,函数会触发页面跳转。最后,我们使用`setTimeout`在页面加载后1秒(因为我们需要先显示...

    基于JavaScript的多页面打包模板

    例如,我们可以设置`entry`为一个对象,键是页面名称,值是对应的JavaScript入口文件。通过`HtmlWebpackPlugin`插件,Webpack会自动生成HTML文件,并将打包后的JavaScript文件插入到适当的位置。 **模块化与...

    Javascript网页特效(4)使用调色板更换页面背景

    在本教程中,我们将深入探讨如何使用JavaScript实现一个网页特效,即通过调色板让用户选择并更换页面背景颜色。JavaScript是一种广泛应用于网页开发的脚本语言,它允许我们在不刷新页面的情况下动态更新内容,为用户...

Global site tag (gtag.js) - Google Analytics