js Form.elements[i]的使用实例

最新推荐文章于 2022-04-13 11:41:11 发布

weixin_30617695

最新推荐文章于 2022-04-13 11:41:11 发布

阅读量163

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/DS-Trojan/p/6178203.html

版权

function pdf(){
//一个html里面可能存在多个form，所以document.form[0]指的是第一个form，document.form[1]返回就是第二个form，如果没有第二个form，则返回undefined
//就相当于：document.getElementsByTagName(form)[0]

form = document.getElementsByTagName("form")[0];
   with (form) {
       var checked = 0;
       var checkedObj = null;
       for ( var i = 0; i < elements.length; i++) {// 历遍form下的每个元素，elements.length 就是form 元素的个数，
           if (elements[i].name == "checkBoxs") {检查每个元素的name属性是不是 checkBoxs.
               if (elements[i].checked) {
                   checked++;
                   checkedObj = elements[i];
               }
           }
       }
   }
   if (checked == 1) {
       url = basePath + "/dtms/process/pdfEdit.do?flag_id=" + checkedObj.value;
       var w = screen.availWidth;
       var h = screen.availHeight;
       window .open(
                       url,
                       "win",
                       "fullscreen=0,toolbar=1,location=1,directories=1,status=0,menubar=0,scrollbars=1,resizable=1,width="
                               + w + ",height=" + h + ",top=0,left=0", false);

　　/*打开一个新窗口

　　Window.open()方法参数详解（http://www.cnblogs.com/sofiawang/articles/1544631.html）：window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')   //该句写成一行代码
   参数解释：
      window.open 弹出新窗口的命令；
　　'page.html' 弹出窗口的文件名；
　　'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
　　height=100 窗口高度；
　　width=400 窗口宽度；
　　top=0 窗口距离屏幕上方的象素值；
　　left=0 窗口距离屏幕左侧的象素值；
　　toolbar=no 是否显示工具栏，yes为显示；
　　menubar，scrollbars 表示菜单栏和滚动栏。
　　resizable=no 是否允许改变窗口大小，yes为允许；
　　location=no 是否显示地址栏，yes为允许；
　　status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

　　*/
   } else if (checked > 1) {
       alert("你只能选择一个选项！");
   } else {
       alert("你必须选择一个选项！");
   }
}

当中with的用法如下：

当你有一个对象的多个属性或者方法需要操作时，就可以使用with

比如
<body>
test
<script type="text/javascript">
var o=document.createElement("div");
with(o){
style.cursor="pointer";
style.zIndex="100";
innerHTML="aaaa";
}
document.body.appendChild(o);
</script>
</body>
上面的代码相当于

<body>
test
<script type="text/javascript">
var o=document.createElement("div");
o.style.cursor="pointer";
o.style.zIndex="100";
o.innerHTML="aaaa";
document.body.appendChild(o);
</script>
</body>

所以with 用于简化代码操作。

with的弊端：有轻微的性能损失，如果只是在顺序代码中调用了with几次，这种性能可以忽略不计。

JavaScript的严格模式不支持with。
容易引起歧义。如果method4这个函数在obj5中不存在，不用with的话，JS直接崩溃，容易查错，但是用了with，有可能一个外部的名为method4就被调用了，可能引起错误蔓延。
如果有上面的问题的话，object名字很长，可以用下面的方法代替：

var tempObj = obj1.obj2.obj3.obj4.obj5;

temoObj.method1();

temoObj.method2();

temoObj.method3();

temoObj.method4()

转载于:https://www.cnblogs.com/DS-Trojan/p/6178203.html

weixin_30617695

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js Form.elements[i]的使用实例

function pdf(){ //一个html里面可能存在多个form，所以document.form[0]指的是第一个form，document.form[1]返回就是第二个form，如果没有第二个form，则返回undefined //就相当于：document.getElementsByTagName(form)[0]form = document.getElementsBy...
复制链接

扫一扫