zoukankan      html  css  js  c++  java
  • 记录-子页面与父页面传值,在子页面操作相应事件后值可在父页面立刻显示

    子页面要向父页面传值,只要在document前面加window.opener即可
      window.opener 的用法
      window.opener 返回的是创建当前窗口的那个父窗口的引用,比如点击了a.htm上的一个链接而打开了b.htm,然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中,就可以写为:indow.opener.document.getElementById("name").value = "输入的数据";
      1.页面代码:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>父页面title>
    head>
    <script language="javascript">
    function tanchu()
    {
        window.open("子页面.html");   
    }
    script>
    <body>
        <form id="form1" name="form1" method="post" action="">
            <label> <input type="submit" name="button" id="button" value="提交"
                onclick="tanchu()" />
            label> <label> <input type="text" name="textfield" id="textfield" />
            label>
        form>
    </body>
    </html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>子页面<title>
    head>
    <script language="javascript">
    function aaa()
    {
      //此处的textfield是父页面的id window.opener.document.getElementByIdx(
    'textfield').value='123123123'; } script> <body> <form id="form1" name="form1" method="post" action=""> <label> <input type="submit" name="button" id="button" value="提交" onclick="aaa()" /> label> form> </body> </html>
  • 相关阅读:
    超详细的 Vagrant 上手指南
    简单聊聊 Ironic
    什么是裸金属
    使用 minikube 快速上手 Kubernetes | v1.7.3
    来看看你对Python变量理解到位了没有
    python HelloWorld 的 4 种姿势,你知道几种
    Windows 系统安装 Python 3.8 详解
    myeclipse2017下载安装与破解详细教程
    eclipse中tomcat的add and Remove找不到项目
    cmd中查看MySQL数据库表数据及结构
  • 原文地址:https://www.cnblogs.com/dscs/p/5139143.html
Copyright © 2011-2022 走看看