window.open一个子窗口后,能否立刻设置子窗口中输入框的值

funcreal 2006-01-23 03:59:55
不能用url传值

<script type="" language="javascript">
function openEditWindow(){
var subWindow = window.open('editCategory.jsp','','width=300,height=150');
subWindow.document.getElementById("testText").value='test';
}
</script>
我这样写,弹出窗口后没反应

但是写成这样:
<script type="" language="javascript">
function openEditWindow(){
var subWindow = window.open('editCategory.jsp','','width=300,height=150');
alert('aaa');
subWindow.document.getElementById("testText").value='test';
}
</script>
就会先弹出子窗口,然后弹出“aaa”,然后子窗口中的输入框就有值了。请问这是为什么?
...全文
258 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
aidxwangggg 2006-01-26
  • 打赏
  • 举报
回复
script type="" language="javascript">
function openEditWindow(){
var subWindow = window.open('editCategory.jsp?id='aa'','','width=300,height=150');
subWindow.document.getElementById("testText").value='test';
}
在editCategory.jsp中
<%
String StrTemp=request.getParameter("id");
%>
<input type="text" name="text" value="<%=StrTemp%>">
楼主你看一看我这段代码能不能给你一点小小的提示
梅雪香 2006-01-23
  • 打赏
  • 举报
回复
在open的窗口里的body的onload事件里调用opener的函数来写就可以了
funcreal 2006-01-23
  • 打赏
  • 举报
回复
难道没有办法吗?
funcreal 2006-01-23
  • 打赏
  • 举报
回复
这两个都不能运行阿,老大。
meizz 2006-01-23
  • 打赏
  • 举报
回复
上面的这段代码没有测试,可能是取window不正确吧:

<script type="" language="javascript">
var subWindow;
function openEditWindow(){
subWindow = window.open('editCategory.jsp','','width=300,height=150');
mm()
}
function mm()
{
if(subWindow.document.readyState=="complete")
subWindow.document.getElementById("testText").value='test';
else setTimeout("mm()", 100);
}
</script>
meizz 2006-01-23
  • 打赏
  • 举报
回复
用 window.open 打开一个页面,那这个页面总需要一定的时间来加载吧,页面都没有加载完,当然你去调用页面里的对象时就会出错喽。加了一个 alert() 也就是起到了这个延迟的作用。你应该把你的逻辑代码写在页面的 onload 里:
<script type="" language="javascript">
function openEditWindow(){
var subWindow = window.open('editCategory.jsp','','width=300,height=150');
subWindow.attachEvent("onload", function(){
document.getElementById("testText").value='test';
});
}
</script>
JS的常用对象[转载]web 技术 2010-06-05 15:00:30 阅读3 评论0 字号:大小 订阅 [removed] Window For JavaScript 熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用 掌握window对象的moveTo、resizeTo、scrollTo、print方法的使用 熟练掌握window对象的status、location、name、self、opener属性的使用  Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,都会自动建立window对象的实例。另外,该对象的实例也可由window.open()方法创建。由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.[removed]()可以简写成: [removed]()。  在窗口觖发本窗口对象的任何方法和属性时可以省去窗口的实例名称。例如给当前的myWin窗口设置status属性时,可以只用status而不用myWin.status。但是,在事件处理调用location属性、close()方法或open()方法时必须使用实例名称。 6-2-1 window对象的方法 window对象有以下方法: open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo find back forward home stop print blur focus captureEvent enableExternalCapture disableExternalCapture handleEvent releaseEvent routeEvent scroll   1. open方法   语法格式: window.open(URL,窗口名称,窗口风格)   功能:打开一个新的窗口,并在窗口装载指定URL地址的网页。   说明: open方法用于打开一个新的浏览器窗口,并在新窗口装入一个指定的URL地址 ; open方法在打开一个新的浏览器窗口时,还可以指定窗口的名称(第二个参数); open方法在打开一个新的浏览器窗口时,还可以指定窗口的风格(第三个参数), 窗口风格有以下选项,这些选项可以多选,如果多选,各选项之间用逗号分隔: toolbar:指定窗口是否有标准工具栏。当该选项的为1或yes时,表示有标准 工具栏,当该选项的为0或no时,表示没有标准工具栏; location:指定窗口是否有地址工具栏,选项的及含义与toolbar相同; directories:指定窗口是否有链接工具栏,选项的及含义与toolbar相同; status:指定窗口是否有状态栏,选项的及含义与toolbar相同; menubar:指定窗口是否有菜单,选项的及含义与toolbar相同; scrollbar:指定当前窗口文档大于窗口时是否有滚动条,选项的及含义与 toolbar相同; resizable:指定窗口是否可改变大小,选项的及含义与toolbar相同; width:以像素为单位指定窗口的宽度,已被innerWidth取代; height:以像素为单位指定窗口的高度,已被innerHeight取代; outerWidth:以像素为单位指定窗口的外部宽度; outerHeight:以像素为单位指定窗口的外部高度; left:以像素为单位指定窗口距屏幕左边的位置; top:以像素为单位指定窗口距屏幕顶端的位置; alwaysLowered:指定窗口隐藏在所有窗口之后,选项的及含义与toolbar相同 ; alwaysRaised:指定窗口浮在所有窗口之上,选项的及含义与toolbar相同; dependent:指定打开的窗口为当前窗口一个窗口,并随着父窗口的关闭而 关闭,选项的及含义与toolbar相同; hotke
通过页面性能测试概念+页面加载过程+页面性能指标+页面性能测试工具的学习,可以学到如下内容:①WEB网站页面性能的指标(白屏时间、首屏加载完成时间、FP、FCP、DCL、CLS、FPS等);②WEB网站页面性能测试策略;③WEB网站页面加载过程(前端基础语言:HTML+CSS+JavaScript,DOM、CSSOM、渲染树、布局、绘制);④WEB网站页面性能测试工具的实际操作和功能介绍(开发者工具:控制台、网络、性能、Lighthouse、FPS渲染统计等);⑤WEB网站页面性能测试报告编写。⑥WEB网站页面性能测试步骤和实际操作。课程内容:第一章:课程简介1、课程介绍2、课程大纲第二章:页面性能测试1、页面性能测试概念2、页面性能测试专业术语3、页面性能测试策略第三章:页面加载过程1、HTML概念,HTML5实例,HTML5文档2、CSS概念,CSS实例,CSS文档3、JavaScript概念,JavaScript脚本实例和作用4、DOM和CSSOM理解5、HTML5渲染引擎理解6、HTML5页面内容渲染的过程,HTML渲染树第四章:页面性能测试工具1、页面性能测试具体工具2、Chrome开发者工具介绍第五章:页面性能测试工具-控制台:window.performance1、控制台:window.performance介绍2、window.performance.timing执行结果加载字段理解3、window.performance.timing执行结果属性对应页面阶段理解4、window.performance页面性能参数计算5、window.performance页面性能关键指标计算第六章:页面性能测试工具-网络面板1、Chrome-开发者工具-网络面板介绍2、Chrome-开发者工具-网络-瀑布流指标第七章:页面性能测试工具-性能面板1、Chrome-开发者工具-性能面板-使用方法2、Chrome-开发者工具-性能面板介绍3、Chrome-开发者工具-性能面板-控制按钮区域4、Chrome-开发者工具-性能面板-Overview区域5、Chrome-开发者工具-性能面板-火焰图区域6、Chrome-开发者工具-性能面板-内存图区域7、Chrome-开发者工具-性能面板-统计汇总区域8、Chrome-开发者工具-性能面板-统计汇总区域-摘要内容9、Chrome-开发者工具-性能面板-统计汇总区域-事件时长、调用、发生顺序第八章:页面性能测试工具-FPS监控1、Chrome-开发者工具-FPS监控-FPS介绍、FPS视觉效果、FPS查看方法第九章:页面性能测试-Lighthouse面板1、Chrome-开发者工具-Lighthouse介绍、操作方法、运行的生命周期2、Chrome-开发者工具-Lighthouse报告指标分析3、Chrome-开发者工具-Lighthouse的报告优化建议第十章:页面性能测试工具-Performance insights面板1、Chrome-开发者工具-Performance insights操作方法2、Chrome-开发者工具-Performance insights分析报告第十一章:网速调研1、全国网速的调研和本机网速测试第十二章:页面性能测试总结1、页面性能测试指标采集方式2、页面性能测试报告3、页面性能测试-操作步骤​

87,915

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧