首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

javascript表单之间的数据传递

今天有朋友问我关于用javascript来进行页面各表单之间的数据传递的问题,我以前也写过,不过从来没有注意,今天总结了一下,希望能够给大家一些帮助,也帮助我总结以前学过,用过的知识。    ...举个实例,一个网页上有两个表单,每个表单里一个文本框,一个按钮。点按钮互相对操作对方的文本框。我们举的例子是把一个文本框付给另一个文本框。...,大家可能注意到了onclik的代码了,有两个函数,接下来就是javascript代码了: function ok() { document.form2...关于如何创建弹出窗口,窗体里的表单的代码, 在这里就不多说了,现在在这里说一下如何操作父窗口的表单里的文本框的数据。...具体代码如下: function ok() { opener.document.form2.textfield2.value=document.form1

86430
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML 表单 (form) 的作用解释

    表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。...二、表单域 表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等,用于采集用户的输入或选择的数据,下面分别讲述这些表单域的代码格式。 1....当访问者输入文字时,文字会被星号或其它符号代替,而输入的文字会被隐藏代码格式如下: <input type="password" name="..." size="..." maxlength="....<em>隐藏</em>域 <em>隐藏</em>域是用来收集或发送信息的不可见元素,对于网页的访问者来说,<em>隐藏</em>域是看不见的。当表单被提交时,<em>隐藏</em>域就会将信息用你设置时定义的名称和<em>值</em>发送到服务器上。..."> 属性解释如下: type=”hidden”:定义隐藏域; name:定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称; value:定义隐藏域的; 示例如下: <input type

    5.3K71

    Web前端基础(05)

    JavaScript 内联:在标签的事件属性中添加js代码,当事件触发时执行js代码 内部:在html页面的任意位置添加script标签,标签体内写js代码,当页面加载时执行 外部:在单独的js文件中写...js代码,在html页面中通过script标签的src属性引入,页面加载时执行 ###语法 包括: 变量 数据类型 运算符 各种语句 方法 面向对象 ###变量声明和赋值 JavaScript属于弱类型语言...var d = document.getElementById(“d1”); 获取和修改元素的文本内容 获取: d.innerText; 修改: d.innerText=“xxx”; 获取和修改文本框...; // 通过id得到文本框 var i = document.getElementById("i1") // 修改文本框 // i.value="abc";...// 把文本框里面的取出给到div d.innerText = i.value; } 显示效果: 5.平方练习 <!

    1.6K20

    (一)熟练HTML5+CSS3,每天复习一遍

    它的可扩展性和灵活性将适应未来网络应用的更多需求,是基于XML的应用。...meta标签下的另一个属性http-equiv,其作用是反馈给浏览器一些明确的信息,帮助浏览器更精确地展示页面。... 如果通过引用外部javascript程序,就像链接外联样式: <script type="text/<em>javascript</em>" src="dada.js...get在安全性上较差,所有表单域的<em>值</em>直接呈现。post除了有可见的处理脚本程序,别的东西都可以<em>隐藏</em>。 name属性,添加name属性是为了令递交出去的表单数据能够被处理这些数据的程序识别。...hidden<em>隐藏</em>域的样式表单 使用hidden来记录页面的数据并将它<em>隐藏</em>起来,用户对这些数据通常并不关心,但是必须提交数据。

    3K30

    Android开发人员初识JavaScript

    JavaScript是一种脚本语言;网页,以及基于H5的手机app等都靠JavaScript来驱动;更简单的来说,JavaScript就像是一种运行在浏览器中的解释型语言。...摘自慕课网 函数 和其他语言一样,JavaScript同样具有函数,在JavaScript中如何定义一个函数呢: 1function 函数名() 2{ 3 函数代码; 4} 函数的定义遵循以下规则...1用法: 2confirm(str); 3 4参数说明: 5str:在消息对话框中要显示的文本 6返回: Boolean 7 8返回: 9当用户点击"确定"按钮时,返回true 10...,也可为空 8 9返回: 10当用户点击确定按钮时,文本框中的内容将作为函数返回 11当用户点击取消按钮时,将返回null ?...4、显示与隐藏 在网页中,我们经常可以看到某个元素显示和隐藏的效果,是通过display属性来实现的。

    1.6K20

    Excel实战技巧65: 制作漂亮的用户窗体按钮——当鼠标移动到按钮上时高亮显示

    由于图像是静态的,在运行时不能更改颜色,因此每个按钮都由两个图像组成,一个图像代表鼠标悬浮在按钮上的状态,另一个图像代表鼠标未悬浮在按钮上的状态。...然后,使用VBA代码来根据鼠标的位置切换这两个图像的可见性,从而实现按钮的动态变化。 在Excel工作表中创建按钮图像 使用文本框在Excel中创建按钮图像。...在Excel工作表中,选择并复制相应的文本框(这里是绿底的“确定”文本框)。...然后,回到VBE用户窗体,选中图像控件,在左侧的“属性”窗口中找到“Picture”,选择其内容(None),按Ctrl+v组合键,此时,该属性的由“(None)”变为“(Bitmap)”。...编写代码 使用MouseMove事件来响应鼠标的动作,这个事件当鼠标移动到特定控件中时,执行其中的代码

    8.3K20

    jQuery(操作DOM-内容及的操作)

    目录 val 方法 text 方法 html 方法 内容及的操作 注意:对比js,js中使用的获取属性和为属性设置的方式,jquery中使用的是方法; val 方法 val() 用于获取单行文本框...选择id元素 $obj.val();//jQuery获取文本框的方法 obj.value; //JavaScript获取文本框的方法 val('') 用于设置单行文本框 var $obj =...obj.value='helloWorld'; //JavaScript设置单行文本框 text 方法 text() 用于获取多行文本(textarea,其他标签中的去除html代码的文本) var...id元素 $obj.text(); //jQuery获取多行文本 obj.innerText; //JavaScript获取多行文本 text("内容") 用于设置多行文本的(textarea,其他标签中的文本信息...obj.innerText="HelloWorld"; //JavaScript设置多行文本的 html 方法 html():用于获取标签中的html代码(html标签+文本) function fun5

    41510

    第3章 WEB03- JS篇-视频教程-第一部分

    06-案例二:JS进行表单校验代码实现 07-案例二:JS进行表单校验的事件的总结 08-案例二:JS进行表单校验的事件的总结练习 09-案例三:JS控制表格隔行换色的需求和分析 10-案例三:JS控制表格隔行换色的代码实现...2.CSS的基本语法:选择器{属性1:”属性”;属性2:”属性”} 3.CSS的引入方式: 3.1:行内样式:在元素标签上使用style属性。...CSS的盒子模型: 外边距:margin 边框:border 内边距:padding 7.CSS的悬浮和定位: float: 清除悬浮: clear: position: JavaScript...步骤四:设置5秒后隐藏的定时,可以清除. 1.2.3 代码实现: var time; function init(){ // 设置定时操作: time...现在当鼠标点到文本框的时候,在文本框的后面给我们一段提示.当光标离开的时候完成校验.将信息写到文本框的后面的位置而不是提示框的形式。

    5.2K20

    JQuery 入门学习(一)

    ---- JQuery是什么     Jquery是一个基于javascript的框架,等于说把javascript封装了一下。...学JQuery跟学javascript有什么区别,是不是要精通javascript才能学JQuery     jquery是基于javascript,所以可以说写jquery脚本有一半是在写javascript...,看这句话:$("div#exm").css("color", "red"); 将id=exm的div元素的css样式color改成red。...更多事件:文本框获得、失去焦点     在很多网站填写表单的地方都用到了这个效果: <script type="text/<em>javascript</em>" src="/jquery...这个方法就是改变input标签的value属性,也就是改变显示在<em>文本框</em>内的内容。 ----     是不是有了一种很简单的感觉,比<em>javascript</em>要简便了很多。

    1.6K11

    Web APIs第二天

    淘宝点击关闭二维码 // 核心:利用样式的显示和隐藏完成, display:none 隐藏元素 display:block 显示元素 <img src="images...小米搜索框案例 ①开始下拉菜单要进行<em>隐藏</em> ②表单获得焦点 focus,则显示下拉菜单,并且<em>文本框</em>变色(添加类) ③表单失去焦点,反向操作 //需求:当表单得到焦点,显示下拉菜单,失去焦点<em>隐藏</em>下来菜单 <...失去光标事件 num1.addEventListener('blur', function () { // <em>隐藏</em>下拉 <em>文本框</em>去色 num2.style.display = 'none'...高阶函数 高阶函数可以被简单理解为函数的高级应用,<em>JavaScript</em> 中函数可以被当成【<em>值</em>】来对待,<em>基于</em>这个特性实现函数的高 级应用 【<em>值</em>】就是 <em>JavaScript</em> 中的数据,如数值、字符串、布尔、...显示<em>隐藏</em>密码

    1.1K60

    HTML、CSS、JavaScript学习总结

    • Ø 长度包括长度和单位。 • Ø 长度也可使用相对中的百分比。 • 对于每个层在设置层大小时,其中只能设置宽度和高度中的一个另一个则自动获得。...• Javascript是一种由Netscape的LiveScript发展而来的;是写在HTML文件中的一种基于对象和事件驱动并具有安全性能的脚本语言;区分大小写的客户端脚本语言。...• JavaScript 是写在HTML文档中的一种基于对象(Object)和事件驱动(EventDriven)、并具有安全性能的脚本语言。...– //–>之间的内容就会被隐藏起来,否则就会被当做html的内容显示出来,而对于支持javascript程序的浏览器,这对标签不起任何作用。...内置函数 • eval 函数: 用于计算字符串表达式的 该函数可以对以字符串形式表示的任意有效的 JavaScript代码求值。

    3.1K20
    领券