js动态生成Html元素实现Post操作(createElement)
有时,你需要Post数据到另一个页面上,那么你就需要构建一个Form表单
<form id="postform" name="postform" method="post"> <input name="msg" value=""/> </form>
document.write("<form ..."
//document.write("<iframe src=\"about:blank\" name=\"hiddenFrame\" id=\"hiddenFrame\" width=\"0\" height=\"0\" frameborder=\"0\"></iframe>");
用如下js提交不起作用,因为打到页面上的form不是一个对象,而是一个字符串
// theForm.action = "http://msg.baihe.com/tortoise/pages/tortoise/sm_gb2312.jsp?ReturnURL="+strReturnURL; // document.getElementById("Pathid").value="3070"; // document.getElementById("Title").value="你好!"; // document.getElementById("Content").value="我把你设为重点关注了,咱们聊聊吧:)"; // document.getElementById("CloseWindow").value="1";
所以你需要自己动态创建form对象,用如下方法实现:
var form_feedback = document.createElement("form"); document.body.appendChild(form_feedback); var i = document.createElement("input"); i.type = "hidden"; i.name = "Title"; i.value = "你好!"; form_feedback.appendChild(i); var j=document.createElement("input"); j.type="hidden"; j.name="Content"; j.value="我把你设为重点关注了,咱们聊聊吧:)"; form_feedback.appendChild(j); var hiddenIframe=document.createElement("iframe"); hiddenIframe.src="about:blank"; hiddenIframe.name="hiddenFrame"; hiddenIframe.id="hiddenFrame"; hiddenIframe.width="0"; hiddenIframe.height="0"; hiddenIframe.frameborder="0"; form_feedback.appendChild(hiddenIframe); form_feedback.action = "http://msg.baihe.com/tortoise/pages/tortoise/sm_gb2312.jsp?ReturnURL="; form_feedback.target = "hiddenFrame"; form_feedback.method = "post"; form_feedback.submit();
相关推荐
-
JavaScript获取表单内所有元素值的方法
本文实例讲述了JavaScript获取表单内所有元素值的方法.分享给大家供大家参考.具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 <!DOCTYPE html> <html> <body> <form id="frm1" action="form_action.aspx"> First name: <input type="text" name="fname
-
js实现创建删除html元素小结
如果我要创建一个div元素. 1.使用DOM对象创建: 使用document.createElement('div')方法创建元素. 2.使用JQuery创建: 使用$('<div>通过JQuery创建的新元素</div>')的方法直接创建元素. 如果需要将id是'div2js'的div元素删除. 1.使用DOM对象 首先需要找到被删元素的父元素,通过父元素将其需要删除的子元素删除. var el = document.getElementById('div2js'); el.pa
-
js获取json元素数量的方法
本文实例讲述了js获取json元素数量的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <script> var keleyijson={"plug1":"myslider","plug2":"zonemenu","plug3":"javascript"} function JSONLength(obj) { var size = 0, key; for
-
JS获取元素多层嵌套思路详解
如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案,大家可以参考参考,如果你有好的方法,也分享出来,让我们瞧瞧. HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>元素多层嵌套,JS获取问题</title> </head> <body> <div
-
js jquery获取当前元素的兄弟级 上一个 下一个元素
var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得s的下一个兄弟节点 var ps=s.previousSbiling; //得到s的上一个兄弟节点 var fc=s.firstChild; //获得s的第一个子节点 var lc=s.lastChile; //获得s的最后一个子节点 JS获取节点父级,子级元素 先说一下JS的获取方法,其
-
浅谈javascript获取元素transform参数
之前写页面的时候有试过想用js获取某些元素的translate的数值什么的,但是translate又是transform的子样式(勉强说说),理所当然就是先获取transform样式,再读里面的值. 复制代码 代码如下: body{-webkit-transform: translateX(20px);} 但当我尝试这样做的时候,奇迹出现了: 当时我的内心几乎是崩溃的,我只想安安静静的获取translate的值而已啊,谁知给我弹出这货,虽然上高数课的时候也有讲到所有变化(二维.三维)效果都可以浓
-
Js与Jq 获取页面元素值的方法和差异对比
JS与Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍. 1.Js获取浏览器高度和宽度 document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeight ==> 浏览器可见区域高度 document.body.clientWidth ==> BODY对象宽度 document.body.client
-
JavaScript获取元素尺寸和大小操作总结
一.获取元素的行内样式 复制代码 代码如下: var obj = document.getElementById("test"); alert(obj.height + "\n" + obj.width); // 200px 200px typeof=string只是将style属性中的值显示出来 二.获取计算后的样式 复制代码 代码如下: var obj = document.getElementById("test"); var style
-
js动态生成Html元素实现Post操作(createElement)
有时,你需要Post数据到另一个页面上,那么你就需要构建一个Form表单 <form id="postform" name="postform" method="post"> <input name="msg" value=""/> </form> 复制代码 代码如下: document.write("<form ..." //document.
-
jQuery动态生成的元素绑定事件操作实例分析
本文实例讲述了jQuery动态生成的元素绑定事件操作.分享给大家供大家参考,具体如下: 这段时间在写代码的时候遇到一个问题,通过append()添加的节点,点击事件不起作用.当时我百思不得其解,各种找错都没找到错误的原因.后来才发现是动态生成节点的问题,还是自己没有经验啊. 下面来总结一下这个问题的始末,温故而知新. 先看下click绑定事件的效果. <div> <p>a</p> <p>b</p> <p>c</p> <
-
js自动生成的元素与页面原有元素发生堆叠的解决方法
商品属性和商品规格是js动态生成的元素,商品扩展信息的两个文本框是原有的元素,他们发生堆叠,我以为是我生成的元素所在div大小不固定导致的,因为商品规格的下面复选框是第二次ajax生成的,我怀疑第二次ajax是不是不能将页面原有元素向下推到合适的位置. 搞了几个小时,尝试固定元素所在容器div的的大小,但是不好固定啊,元素的个数是不定的,尝试改变属性和规格的生成顺序,属性部分堆到规格部分上去了,规格部分的元素怎么不独立占位置呢,后来才想到会不会是浮动了,去除浮动,给原有元素(商品扩展信息部分)
-
JS实现为动态创建的元素添加事件操作示例
本文实例讲述了JS实现为动态创建的元素添加事件操作.分享给大家供大家参考,具体如下: html中直接生成的元素,添加事件,我们都知道,但是如何为一个动态生成的元素添加事件呢,jquery中的live方法可以做到这一点 具体实现可以在demo中看到 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>www.jb51.net - JS实现为动态创建的元素添加事件
-
echarts.js 动态生成多个图表 使用vue封装组件操作
组件只做了简单的传值处理,记录开发思路及echarts简单使用. 这里默认所有图表样式一致,都为柱状图,如需其他类型,可查阅echarts官网文档,再动态传值即可. vue 使用组件 ------在外层用v-for 循环,传不同值进charts 即可 <!-- 传入对应的数据给子组件 --> <charts :options="item.select" :id='"charts" +index' :index="index" s
-
js动态生成表格(节点操作)
本文实例为大家分享了js动态生成表格的具体代码,供大家参考,具体内容如下 针对DOM节点操作,该案例效果图如下(代码量不多,就没有结构与行为相分离): 原生js实现(注释里面解释了做法): <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> table
-
AngularJS实现给动态生成的元素绑定事件的方法
本文实例讲述了AngularJS实现给动态生成的元素绑定事件的方法.分享给大家供大家参考,具体如下: 1 . 我们知道在jQuery中,动态生成一个元素,如果要在动态生成元素的同时,动态绑定事件,可以通过live/on方法(在jquery3.0中已经废除了bind方法). 2 . 在AngularJS中,操作DOM一般在指令中完成,事件监听机制是在对于已经静态生成的dom绑定事件,而如果在指令中动态生成了DOM节点,动态生成的节点不会被JS事件监听. 举例来说: angular.module('
-
js 动态生成html 触发事件传参字符转义的实例
通常,在使用 JS 动态生成 html 的过程中,会嵌入相应的样式.事件等属性元素,而这时经常会出现所谓的 "单.双引号不够用" 的情况,别急,这时可以利用 html 语言中的转义字符来解决. 下面就来介绍一下相应的转义字符吧: & -- (ampersand) 转义字符对应为 & " -- (double quote) 双引号,转义字符对应为 " ' -- (single quote)单引号,转义字符对应为 ' < -- (l
-
利用JS动态生成隔行换色HTML表格的两种方法
用JS生成动态生成表格,行.列由用户输入,并使表格隔行换色 方法一. 代码: <!DOCTYPE html> <html> <head> <title>动态表格</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description"
-
vue类名如何获取动态生成的元素
目录 类名获取动态生成的元素 如何获取并操作dom元素 类名获取动态生成的元素 首先注意的是,该元素必须在id为app这个元素里面 new Vue({ el: "#app", }) 其次是由于动态生成的,想获取到该元素,需要在created里使用nextTick. 并且可以 $(’.circle’ + i)拼接想要的元素类名. this.$nextTick(() => { for (var i = 1; i < this.carlist.leng
随机推荐
- Angularjs整合微信UI(weui)
- 输入数量和价格自动计算输出金额的js代码
- 多代理服务器软件MultiProxy的图文使用教程
- 用vbs返回 Internet Explorer 的下载控件和 Applet 的列表
- SWT(JFace)体验之Icon任我变
- C++实现顺序表的方法
- Java案例之随机验证码功能实现实例
- ajax 三种实现方法实例代码
- JavaScript严格模式下关于this的几种指向详解
- asp.net 获取机器硬件信息(cpu频率、磁盘可用空间、内存容量等)
- php fread读取文件注意事项
- asp,php一句话木马整理方便查找木马
- AJAX在GB2312的中文编码传输 AJAX特殊字符编码正确方法
- 自己动手修改QQ等级,想要几个太阳就有几个太阳!
- Linux oracle数据库自动备份自动压缩脚本代码
- python循环监控远程端口的方法
- jquery 获取select数组与name数组长度的实现代码
- 用Rsync(cwRsync)将Dreamhost的数据备份到Windows上
- java 文件目录读写删除操作详细实现代码
- 把1316这个数表示成两个数的和,其中一个为13的倍数,另一个是11的倍数,求这两个数。