document获取父页面的对象

最新推荐文章于 2025-05-15 14:26:55 发布

原创最新推荐文章于 2025-05-15 14:26:55 发布 · 5.3k 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

5 篇文章

订阅专栏

在尝试通过JavaScript点击图片触发表单提交并跳转到新页面时遇到问题。当点击按钮后，虽然弹窗显示'111'，但页面并未按预期转到目标jsp页面。问题可能出在表单提交的处理方式上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在做一个简单的例子的时候遇到了一个问题

首先这个例子就是点击图片，执行函数，submit表单之后，转到另一个jsp页面

我用的是js写的，但是点击玩按钮之后能出现111的弹窗，却没有出现转换到那个页面

index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%
/*String path = request.getContextPath()ISO-8859-1;
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

System.out.println("hello");*/
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  </head>
   <script language='javascript' src='test.js'></script>
  <body>
     <h1>用户登录</h1>
   <hr>
   <form action="as1.jsp" method="post" name='myform'>
   <input type='radio' name='sex' checked>nan
   <input type='radio' name='sex'>nv
   <br>
   <input type='radio' name='oo'>1
   <input type='radio' name='oo'>2
   <input type='radio' name='oo'>3
   <input type='radio' name='oo'>4<br>
   <img src='button.jpg' style='width: 10% ;height:10%' onclick='fun()'>
   </form>
   
  </body>
</html>

test.js

'use strict'

function fun(){
	alert('1111')
	window.parent.document.myform.submit();
}

window.parent.document.myform.submit();

这里一开始是这样写的

document.myform.submit();

这里的document指的是test.js这个页面的对象，并非指之前的index.jsp，所以调用myform也就是空了

或者把这段代码写到index里也是可以实现的