JavaScript经典代码【一】【javascript HTML控件获取值】

简介: javascript HTML控件获取值 1.下拉列表框选定值 ddlPageSize.options[ddlPageSize.selectedIndex].value ddlPageSize.
javascript HTML控件获取值
 

1.下拉列表框选定值
ddlPageSize.options[ddlPageSize.selectedIndex].value
ddlPageSize.options[ddlPageSize.selectedIndex].text

复选框
$get('chkGoogle').checked

控件隐藏与显示:
   document.getElementById("控件名").style.display='' //显示
        document.getElementById("控件名").style.display='none'

textBox:
   document.getElementById("控件名").value        //获取或设值文本框值
checkbox:
   document.getElementById('chkComJoin').checked //判断是否已选择
  
   example:
    if(document.getElementById('chkComJoin').checked)
            document.getElementById('trcomjoin').style.display=''
        
label:
   document.getElementById("控件名").innerHTML   //获取或设值标签值


网址验证:
   var urlreg1=/^[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/
                if (!urlreg1.test(a.value))//验证网址
                {
                                  
                    document.getElementById("lblCheckWebFormat2").innerHTML="请正确录入企业网址!";
                                   
                }
                 else
                {
                     document.getElementById("lblCheckWebFormat2").innerHTML="";
                }

防止返回字
符为类型 :
   if(typeof(返回值变量)!="undefined")



table添加行:   insertRow()
        insertCell()
        表ID.rows(0).cells(0).innerText   或   innerHTML //获取或设值某单元格

   var   curRow=document.getElementById(表ID).rows.count;//得到表的最大行数,作为插入位置(第几行)
    var x=document.getElementById(name).insertRow(curRow); //插入一行在curRow位置,并定义x行对象
       var C1=x.insertCell(0);//插入一个单元格(列)在0位置,并定义C1列对象
       var C2=x.insertCell(1);
       var C3=x.insertCell(2);
       var C4=x.insertCell(3);
       var C5=x.insertCell(4);
       C1.innerHTML=ary[0];//为单元格赋值,
       C1.style.display='none';
       C2.innerHTML=ary[1];
       C2.style.display='none';
       C3.innerHTML='<a href=\"'+ary[0]+'\" target=\"_blank\">'+ary[2]+'</a>';
       C4.innerHTML=ary[3];
       C4.style.display='none';
        C5.innerHTML="<input type=\"button\" value=\"删除\" 
     onclick=\"if(confirm('确实要删除当前项吗?')){DelteFile     ('"+ary[0]+';'+aryof1+"');this.parentNode.parentNode.removeNode(true)}\">";
       


日期控件使用:
    
   将日期控件放入弹出的新页面中,"<base target="_self"></base>"加入<HEAD></HEAD>之间 
    <script>
    //返回值
    function getValue(Value)
    {
           window.returnValue=Value;
            window.close();
       }
    </script>

模式对话框:
   var str = window.showModalDialog("ShowCom.aspx","compar","dialogWidth=750px;dialogHeight=600px;status=no;scrollbars=no");//str接受返回值
 

 

相关文章
|
2月前
|
JavaScript
短小精悍的js代码
【10月更文挑战第17天】
126 58
|
24天前
|
JavaScript
原生js炫酷随机抽奖中奖效果代码
原生js随机抽奖是一个炫酷的根据数据随机抽奖的代码,该网页可进行随机抽取一个数据,页面动画高科技、炫酷感觉的随机抽奖效果,简单好用,欢迎下载!
42 3
原生js炫酷随机抽奖中奖效果代码
|
20天前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
34 3
|
23天前
|
JavaScript
JS鼠标框选并删除HTML源码
这是一个js鼠标框选效果,可实现鼠标右击出现框选效果的功能。右击鼠标可拖拽框选元素,向下拖拽可实现删除效果,简单实用,欢迎下载
38 4
|
22天前
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码,在公路上开车网页小游戏源代码。
52 0
html5+three.js公路开车小游戏源码
|
4天前
|
JSON JavaScript 关系型数据库
node.js连接GBase 8a 数据库 并进行查询代码示例
node.js连接GBase 8a 数据库 并进行查询代码示例
|
29天前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
294 4
|
1月前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
94 6
|
27天前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这些工具,可以确保代码风格一致,提高代码质量和可读性。
61 1