`
jeasony
  • 浏览: 200038 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

js小应用 整理

    博客分类:
  • js
阅读更多

判断表单,下拉框是否被选中

 

<select name="sendit">
                      <option value="0">否</option>
                      <option value="1">是</option>
 </select>

 

js:

 

 var  sendit   =document.getElementById("sendit")  
 var  index =sendit.selectedIndex;   
 var  Value =sendit.options[index].value;   
 var  Text  =sendit.options[index].text;
 if(Value==1 && che == 0)
  {
       alert("请选择接收人");
   }

 

判断复选框,是否被选中

 

js:

     var rwjsr = document.getElementsByName("rwjsr");  //复选框ID
     var che=0;//定义变量,当复选框被选中,che加1.
      for (var j=0;j<rwjsr.length;j++){
       if(rwjsr[j].checked==true){
        che++;
       }
      }

 

网络载入

 

使用目前功能最强大,最流行的jquery库(引用jquery.js文件即可)

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

获取值:

文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio:   $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();

控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
                 $("#txt").attr("value",'11');//填充内容

多选框checkbox: $("#chk1").attr("checked",'');//不打勾
                 $("#chk2").attr("checked",true);//打勾
                 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio:    $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select:   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
                $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
                $("#sel").empty();//清空下拉框
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

js页面跳转参考代码大全

 

整理一下JS页面跳转参考代码

第一种:    
<script language=\"javascript\" type=\"text/javascript\">
window.location.href=\"login.jsp?backurl=\"+window.location.href;
</script>


第二种:    
<script language=\"javascript\">
alert(\"返回\");
window.history.back(-1);   
</script>


第三种:   
<script language=\"javascript\">
window.navigate(\"top.jsp\");  
</script>


第四种:   
<script language=\"JavaScript\">          
self.location=’top.htm’;   
</script>


第五种:   
<script language=\"javascript\">          
alert(\"非法访问!\");          
top.location=’xx.jsp’;   
</script>

=====javascript中弹出选择框跳转到其他页面=====
<script language=\"javascript\">
<!--
function logout()...{
if (confirm(\"你确定要注销身份吗?是-选择确定,否-选择取消\"))...{
window.location.href=\"logout.asp?act=logout\"
}
}
-->
</script>


=====javascript中弹出提示框跳转到其他页面=====
<script language=\"javascript\">
<!--
function logout()...{
alert(\"你确定要注销身份吗?\");
window.location.href=\"logout.asp?act=logout\"
}
-->
</script>

 

返回上一页面 

 

<a href="javascript:history.go(-1);">向上一页</a>

 

判断单选按钮 

 

function check()
{
   var   flag=false;

 for(i=0;i<form1.voteid.length;i++)   {

  if(form1.voteid[i].checked)   {

    flag=true;

  }
 }

  if(flag==false)   {
  alert("请选择您的投票对象");

  return   false;
  }
  
}

 window .open  showModelessDialog(打开子窗口)

 

 

function fnCallDialog() {
    //window.showModelessDialog("tree.jsp", window, "status:false;dialogWidth:300px;dialogHeight:300px");
    window.open ('<%=request.getContextPath() %>/admin/column/columnsmall/editname.jsp?id=<%=categorySmall%>&bigid=<%=categoryBig%>', 'window', 'height=150, width=500, top=400, left=700, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')
}

 

window open  关闭子窗口并刷新父窗口

              window.close();
              opener.location.reload();window.close();

 

window open  (使用链接打开规定的窗口)

 

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) {
window.open(theURL,winName,features);
}
//-->
</script>
</head>

<body>
<a href="window.htm" onclick="MM_openBrWindow('','','toolbar=no,location=no,status=yes,resizable=no,menubar=no,scrollbars=no,resizable=no,height=150,width=500, top=400, left=700')">aaa</a>
</body>
</html>

 

JavaScript处理键盘事件

input标签中:onkeydown="javascript:keyboardEvent(event);"

/**  

*键盘事件处理  

*/  

function keyboardEvent(evt){   

evt=evt?evt:window.event;   

  

if(13==evt.keyCode){   

  //回车案件处理代码       

}   

分享到:
评论
3 楼 opensuse 2009-01-16  
jeasony 写道

opensuse 写道
呵。发现你的文章对我有帮助。加了个链接。呵。

呵呵,荣幸之至,大多都是从网上收集的,我也是留个笔记而已。

呵,作用就是留个笔记啊。有个印象。以后用到了就能翻了。
2 楼 jeasony 2009-01-16  
opensuse 写道

呵。发现你的文章对我有帮助。加了个链接。呵。

呵呵,荣幸之至,大多都是从网上收集的,我也是留个笔记而已。
1 楼 opensuse 2009-01-16  
呵。发现你的文章对我有帮助。加了个链接。呵。

相关推荐

    javascript格式化工具 整理js代码

    JavaScript是一种广泛应用于网页和网络应用开发的编程语言,它的语法灵活但有时也可能导致代码混乱,尤其是在多人协作或者频繁修改的情况下。这就是JavaScript格式化工具的作用所在,它们能够帮助开发者整理JS代码,...

    JS代码格式整理工具einars-js-beautify

    **JS代码格式整理工具einars-js-beautify详解** 在编程过程中,保持代码整洁和规范是至关重要的。JS代码格式整理工具einars-js-beautify就是这样一个帮助开发者自动化完成这项任务的工具。它能快速地将混乱无序的...

    Js文件整理 源代码(勿下载)

    JavaScript,简称JS,是一种广泛应用于Web开发的轻量级脚本语言,主要在客户端浏览器运行,但也可以在服务器端通过Node.js环境执行。标题提到的"Js文件整理 源代码(勿下载)"可能是一个关于JavaScript源码的整理...

    JS格式整理工具

    "JS格式整理工具"是一个专为JavaScript代码美化和格式化设计的应用。这个工具的主要功能是帮助开发者将混乱无序的JS代码整理成清晰易读的标准格式,提高代码的可读性和维护性。在编程过程中,代码的整洁度是至关重要...

    JavaScript小技巧整理篇(非常全).pdf

    ### JavaScript小技巧整理篇知识点详述 #### 一、引言 本文档旨在总结一系列JavaScript编程中的实用技巧,涵盖从基本操作到高级功能的应用。这些技巧不仅有助于提升开发效率,还能帮助开发者更好地理解和掌握...

    整理1500个JS特效源码

    JavaScript,简称JS,是一种广泛应用于网页和网络应用开发的轻量级编程语言。它主要负责网页的动态交互,使得静态的HTML页面变得生动有趣。在这个名为"1500个JS特效源码"的资源中,包含了丰富的JavaScript特效示例,...

    JS文件整理工具 源代码

    【标题】"JS文件整理工具 源代码"所涉及的知识点主要集中在JavaScript的管理和编码方面,这是一款用于整理JS文件的工具,可能是为了帮助开发者更有效地管理和组织他们的JavaScript代码库。下面将详细阐述相关知识点...

    前端JS插件整理

    本资源"前端JS插件整理"包含了多种类型的插件,涵盖了工具类、浏览器增强类、表单处理、图像处理、图标应用、UI组件、用户体验优化、动画效果以及与Bootstrap相关的插件等。下面我们将详细探讨这些类别中的知识点。 ...

    javascript学习笔记整理知识点整理

    JavaScript,也被称为JS,是一种广泛应用于网页和网络应用的脚本语言,主要在客户端运行,为用户提供动态交互体验。这份“javascript学习笔记整理知识点整理”是针对初学者的一份宝贵资料,涵盖了JavaScript的基础...

    JS代码块整理.zip

    这些是JavaScript中的一些基础知识点,"JS代码块整理.zip"文件很可能包含了这些主题的具体示例和应用场景,帮助开发者更好地理解和运用JavaScript。通过学习和实践这些代码块,可以提升开发效率,解决实际问题。

    自己整理的常用js

    【标题】"自己整理的常用js" 涵盖了JavaScript这一编程语言的常用知识点,JavaScript,简称JS,是Web开发中的核心语言,主要用于网页和网络应用的动态化与交互性。这个压缩包包含了作者对JavaScript常用功能和技巧的...

    自己整理的js特效

    JavaScript,简称JS,是一种轻量级的编程语言,主要用于网页和网络应用开发。它与HTML和CSS一起,构成了网页开发的三大核心技术。JS特效是指利用JavaScript实现的各种视觉效果,如动画、交互、动态布局等,极大地...

    常用js整理

    根据给定的信息,我们可以梳理出以下与...这些知识点涵盖了 JavaScript 的基本语法、浏览器兼容性处理、CSS 样式动态应用以及 DOM 操作等方面的内容,对于理解旧版网页的 JavaScript 编程模式具有一定的参考价值。

    唯快不破——高效定位线上Node.js应用内存泄漏.pdf

    V8是Node.js的底层JavaScript引擎,因此理解V8的GC过程对于优化Node.js应用性能及排查内存泄漏至关重要。V8中的堆内存被划分为几个区域,包括: - CodeSpace:存放编译后的代码。 - MapSpace:存放对象指向的隐藏类...

    JavaScript基础知识整理

    JavaScript是一种广泛应用于前端开发的直译式脚本语言,它基于对象、事件驱动,并具有安全性。JavaScript主要在浏览器环境中运行,被解释执行,用于增强网页的交互性和动态性。通过在HTML标签中内嵌JS、直接在HTML...

    css+javaScript项目特效整理

    "css+javaScript项目特效整理"这个主题集中于利用这两种语言来创建吸引人的网页效果。下面将详细讨论这两个领域的关键知识点及其在项目中的应用。 首先,CSS是负责网页布局、颜色、字体、背景等视觉元素的样式语言...

    javascript常用网页效果整理集合 js效果源码集合

    这个"javascript常用网页效果整理集合"提供了一系列的JS效果源码,可以帮助开发者快速实现各种常见功能,提升网页用户体验。 1. **日历插件**:JavaScript日历插件是网页中常见的一种组件,常用于日期选择、事件...

    javascript 实用资料整理

    这里整理的JavaScript实用资料涵盖了多个关键领域,包括字符串操作、表格操作、选择器(select)处理、正则表达式以及时间格式化等。 1. **字符串操作**:JavaScript中的字符串是不可变的,这意味着一旦创建,就不...

    JavaScript 实例 精粹 整理

    包括:11种用javascript做的刷新按钮的方法、40种Javascript中常用的使用小技巧、Javascript的IE和Firefox兼容性汇编、JavaScript函数大全、JavaScript实际应用:innerHTMl和确认提示的使用、 CSS的常用技巧、IP地址...

    JS学习资料(自己整理)

    JavaScript,简称JS,是一种广泛应用于Web开发的轻量级编程语言,主要负责网页的动态交互。作为客户端脚本语言,它可以直接在用户的浏览器上运行,无需服务器支持,从而实现网页内容的实时更新、用户交互以及数据...

Global site tag (gtag.js) - Google Analytics