//表单对象 function GetObject(Name) { var inputlist=document.all.tags(‘input’); var i=0; for(i=0;i<inputlist.length;i++) { var input=inputlist[i]; if(input.id.indexOf(Name) !=-1) { return input; } } return null; } //设置对象事件 function setEvent(Object,Eve
WEB项目中,我们常常会碰到要动态对相应的对象添加事件,如下,有id=”txtPrice”的文本框控件:
现在我们为其动态添加一事件,JS核心代码如下:
document.getElementById("txtPrice").attachEvent('onblur', function (){alert('添加事件成功!')});
【补充】
有时候为了实现不同浏览器之前的兼容,我们会这样写:
C
但基本前提都是事先通过js脚本来动态创建DOM,然后上传的时候在服务端做一下处理,有点类似于163的邮件系统。文件上传需要通过页面的POST方法进行提交,这个我在一次MOSS开发中ifr a me表单提交的古怪问题解决一问中已经阐述过,其中包括了如何使用页面隐藏的ifr a me来提交表单从而避免整个页面提交到服务器而导致页面的刷新。多附件上传的原理与之类似,只不过需要事先通过脚本在页面上动态创建多个input type=’file’的标签,当然,如果要想功能更加完美,你可能还需要通过脚本动态添
浏览器自带的原生下拉框不太美观,而且各个浏览器表现也不一致,UI一般给的下拉框也是和原生的下拉框差别比较大的,这就需要自己写一个基本功能的下拉菜单/下拉选择框了。最近,把项目中用到的下拉框组件重新封装了一下,以构造函数的方式进行封装,主要方法和事件定义在原型上,下面是主要的实现代码并添加了比较详细的注释,分享出来供大家参考。代码用了ES6部分写法如需兼容低版本浏览器请把相关代码转成es5写法,或者直接bable转下。
先放个预览图吧,后面有最终的动态效果图:(样式和交互参考了阿里和Iview U
获取sessionStorage的意义
首先获取它是为了将获得的信息输出或者alert();让人容易看到,
其次,在静态页面中,如果使用sessionStorage就相当于在动态页面里连接了数据库一样
例如:我上一篇所做的为button按钮添加回车事件的项目中所用到的可以使用js中的sessionStorage获取页面输入的信息,也可以获得后台计算所得的数据,并且显示出来。
废话不多说,看代码重要:
具体实现
[removed]
function login(){
var