HTML中利用VBS 动态添加输入框或按钮

HTML中利用VBS 动态添加输入框或按钮,第1张

安装windows script host,双击后缀为.vbs的文件运行,或者在命令行下,以cscript命令运行。前面展示了一个HTML文件中嵌套VBScript的例子。这里展示一个通过Windows Script Host执行的本地将上述文件保存为后缀为vbs的文档,当你在资源管理器中双击该文档时,资源管理器通过查找注册表,发现该文件类型已与windows scripting Host 关联,因此调用WHS,并将文件名传入。WHS从文件开头执行,忽略掉注释文本。对这个例子来说,是从WSCript.Echo GetIP 处执行。这样就引发了对函数GetIP的调用。WSH在当前脚本内找到该函数,执行,并将结果作为参数传给WSCript.Echo,显示后结束。Echo是对象WSCript的一个方法,当脚本以这种方式执行时,它以Messagebox的方式输出文本。当脚本在命令行方式下,以CScript.exe命令执行时,输出到控制台。

<script>  

 

function a(){

 ha=document.getElementById("haha")

 b=document.getElementById("txt")

     num=b.value

for(var i=0i<numi++){

aDiv=document.createElement("div") 

var node=document.createTextNode("这是第"+(i+1)+"个新的DIV")

aDiv.appendChild(node)

ha.appendChild(aDiv)

}

}

function c(){

var arr = document.getElementsByTagName("div")

for(var i=0i<numi++)    

  {  

     ha.removeChild(arr[1]) 

  }

}

</script>

 <body>

     输入你想要的DIV的数目:<input type="text" id="txt" />

     <button onclick="a()">一次性产生多个DIV</button>

      <button onclick="c()">删除</button>

     <div id="haha">这里将有N多个DIV:</div>

    

    </body>

<div class="forms" id="forms">

<form class="form"></form>

</div>

<input id="button1" type="button" value="添加">

<input id="button2" type="button" value="取消">

<script>

//把表单代码存入js变量,随时备用。

var form="<form class='form'></form>"

//为了简便使用伪代码

button1.onclick=function(){//添加一个form

forms.appendChild(form)

}

button2.onclick=function(){//删除一个form

var form//这里是需要要先取得准备删除的form对象

forms.removeChild(form)

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11348273.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-15
下一篇2023-05-15

发表评论

登录后才能评论

评论列表(0条)

    保存