`

js的一些简单应用

 
阅读更多

1.当双击页面的时候 页面下滑.
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
document.ondblclick=initialize

2.js判断是否为数字....
function number(){
var rest=document.getElementById("rt").value;
var patrn=/^\d*$/;
if(!patrn.test(rest)){
alert("半角数字のみ");
return false;
}else{
return true;
}
}

3.单击一个超链接全部选中在点击一次全不选中,当全部不选中的时候让按钮灰掉。。。
function selectAll(){
//获取所有的checkbox框
var checkList=document.getElementsByName("select");
//当第一个checkbox没有被勾中的时候,然后勾中所有的 ..
if(!document.getElementById("check").checked){
   for(var i=0;i<checkList.length;i++){
          checkList[i].checked=1;
}    
               //让按钮1和按钮2可以点击
                 $("#btn1").attr("disabled",false);
$("#btn2").attr("disabled",false);

}else{
    //反之当第一个勾中了,就让他所有的全部不勾中
     for(var i=0;i<checkList.length;i++){
              checkList[i].checked=0;
                
}
           //让按钮1和按钮2无法点击
                 $("#btn1").attr("disabled",false);
$("#btn2").attr("disabled",false);

}

}



<input id="btn1" class="btn" type="button" style="font-size: 9pt; margin-top: 25px; margin-left: 90px;"  onclick="changeColor();"    value="按钮1" >
<input id="btn2"  class="btn" type="button"  onclick="valueCheck();" style="font-size: 9pt; margin-left: 90px;"  value="按钮2"  >

<input type="checkbox" value="${s.sySagyoYmd };${s.syStaffCd};${s.syStaffName};${s.belongShop};${s.syUkeoiGenkan};${s.syNezyogeNo};${s.tenCd}" 
name="selected" id="controlAll${m.index}"  checked="checked" onclick="grey();">


5:防止在其他窗口弹出

<script type="text/javascript">
       window.name = "curWindow";
</script>

<form  action="" method="post" target="curWindow">


6.jquery的一些应用:


$(‘.money.:checked’).val();
其中money是下面class属性的值;而checked是被选中的值
此时返回的是被选中的单选按钮的值;


var money=$('.money:checked').val();

<li style="padding-left: 7px;">

<input type="radio" value="30" name="quantity" class="money"/>
30元
<input type="radio" value="50" name="quantity"  class="money" />
50元
<input type="radio" value="100" name="quantity"  class="money"/>
100元
<input type="radio" value="300" name="quantity"  class="money"/>
300元
</li>


$('.error').hide();
其中error是下面的error属性,用jquery设置下面span的隐藏属性!
可以使下面的span隐藏下来;

<span class="error">电话号码必须为数值</span>

 

3 js关闭当前页面

 

function closeWin(){ 

var browserName=navigator.appName;

if (browserName=="Netscape") { 

window.open('','_parent',''); window.close(); 

} else if (browserName=="Microsoft Internet Explorer") { 

window.opener = "whocares"; window.close();

}

 

 

4.js实现点击下载:

 

JavaScript实现点击按钮下载

    <script type="text/javascript"">

           //第一种
            function downFile() {
                var url = "http://localhost/tst/ya.rar";
                location.href = url;
            }

         //第二种

          function downFile() {
                var url = "http://localhost/tst/ya.rar";
                window.open(url);
            }
        </script>
        <a href="http://localhost/tst/ya.rar">下载</a>
        <input type="button" value="下载" onclick="downFile()">

 

分享到:
评论

相关推荐

    一个简单的js例子

    【标题】"一个简单的js例子"所提及的是一个JavaScript编程的示例,JavaScript是一种广泛用于网页和网络应用的脚本语言。它主要负责实现客户端的交互性,如动态内容更新、表单验证以及用户界面的实时反馈。JavaScript...

    JavaScript实例应用 JavaScript实例应用

    JavaScript是一种广泛应用于网页和网络应用的...JavaScript实例应用广泛且深入,从简单的网页交互到复杂的Web应用程序,无处不在。通过不断学习和实践,开发者可以掌握各种JavaScript技巧,提升其在Web开发中的能力。

    收集的一些简单常用的Js特效

    JavaScript,简称JS,是一种轻量级的解释型编程语言,广泛应用于网页和网络应用开发,为用户提供动态交互体验。在给定的压缩包文件中,包含了一系列基于JS实现的常见网页特效,这些特效能极大地提升网页的用户体验和...

    APP.js 简单的移动端App应用

    App.js 提供了一套API,使得这些操作变得简单易行。 ### 2. 移动端Hybrid开发 Hybrid开发模式结合了Web应用和原生应用的优点。开发者使用Web技术编写应用程序的大部分逻辑,然后通过桥接技术与原生平台接口交互,...

    node.js 简单应用

    接下来,我们将深入探讨“Node.js简单应用”的相关知识点。 首先,让我们关注标题中的“简单应用”。在Node.js中,创建一个简单的应用通常从编写`app.js`开始。`app.js`是Node.js应用的入口文件,通常包含启动...

    javascript简单应用(个人所得税)

    javascript简单应用(个人所得税)javascript简单应用(个人所得税)javascript简单应用(个人所得税)

    [转]FLASH与JS序列简单应用

    标题中的“[转]FLASH与JS序列简单应用”表明这篇内容是关于如何在网页中结合使用Flash和JavaScript进行交互操作的教程。Flash是一种用于创建动态内容、动画和交互式应用程序的平台,而JavaScript则是一种广泛使用的...

    基于Hyperledger的简单应用开发JavaScript源码

    该应用源码基于Hyperledger框架,采用JavaScript语言进行开发,整合了31个pem证书、10个crt证书、8...项目涉及Go语言、Shell脚本、CSS和JavaScript等多语言编写,旨在展示如何使用Hyperledger进行简单应用的开发实践。

    JavaScript应用实例-简单录屏实现.js

    JavaScript应用实例-简单录屏实现.js

    JavaScript应用实例-简单游戏UI.js

    JavaScript应用实例-简单游戏UI.js

    js一些简单技术实现及源码

    在“js一些简单技术实现及源码”这个主题中,我们将会探讨一些基础但实用的JavaScript技术,包括菜单下拉、时钟跳转以及论坛JS模板的实现。 首先,菜单下拉是网页交互设计中的常见功能,它使得用户可以通过点击主菜...

    JavaScript应用实例-百度ocr 简单版.js

    JavaScript应用实例-百度ocr 简单版.js

    js 投票页面 一个简单的js应用例子

    通过学习和改进这个简单的投票页面,开发者不仅可以掌握基本的js语法,还能了解到前端与后端的交互原理,为更复杂的Web应用程序打下坚实的基础。同时,这个过程也是一个很好的实践社区协作和代码优化的机会。

    Backbone.js应用程序开发

    , 《backbone.js应用程序开发》先从了解mvc、spa和backbone的基本知识开始,然后着手构建示例应用程序——一个简单的todo列表应用程序、restful风格的图书应用程序、以及使用backbone和requirejs的模块化应用程序。...

    wampy.js, 简单 WAMP ( web socket应用程序消息传递协议) Javascript实现.zip

    wampy.js, 简单 WAMP ( web socket应用程序消息传递协议) Javascript实现 wampy.js简单 WAMP ( web socket应用程序消息传递协议) Javascript客户端实现 目录描述用法示例安装工具更新版本API插件构造函数选项...

    JavaScript应用实例-超级简单的人工智能.js

    JavaScript应用实例-超级简单的人工智能.js

    JavaScript应用实例-surfaceView(简单示例).js

    JavaScript应用实例-surfaceView(简单示例).js

Global site tag (gtag.js) - Google Analytics