常用JavaScript代码

最新推荐文章于 2025-06-22 16:10:08 发布
最新推荐文章于 2025-06-22 16:10:08 发布
阅读量4.2k 收藏 2
点赞数 1
CC 4.0 BY-SA版权
分类专栏： JavaScript 文章标签： javascript 常用JavaScript JavaScript学习笔记 JavaScript代码 JavaScript常用代码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/heyuanjia520/article/details/4751873

         // 关闭窗口事件
        function closeWindow(){
            if(event.clientX>document.body.clientWidth) {
                    event.returnValue = "您确定退出系统吗？";
            } else {
                return;
            }
        }
        window.onunload = function(){
            if(event.clientX>document.body.clientWidth) {
                removeChat();
                form1.action = "login.do?action=logout";
                form1.submit();
             } else {
                return;
             }
        };

=========================================================================

        //禁用F5键代码
        function document.onkeydown(){
             if(window.event.keyCode==116){
              window.event.keyCode = 0;
               window.event.returnValue = false;
              }   
        }

=========================================================================

//打开一个新窗口

window.open("www.baidu.com","百度首页","height=450,width=800,status=yes,toolbar=no,menubar=no,location=no");

=========================================================================

// 父页面获取iframe子页面的元素

window.frames['mainFrame'].document.getElementById("noticeDiv")

=========================================================================

    //判断空字符串
    String.prototype.isEmpty = function(){return /^/s*$/.test(this);}

=========================================================================

// 页面跳转

window.location="www.baidu.com";

window.location.href = "www.baidu.com";

=========================================================================

// uncheckAll全部取消复选框
function uncheckAll(form,checkFlag){
    var formVar = document.getElementById(form);
    var x = document.getElementsByTagName("INPUT");
    var checkAllFlag = true;
    if(!checkFlag){
        formVar.chkAll.checked = false;
    }
    else{
        for(k=0;k<x.length;k++){
            if(x[k].value!="chkAll"&&x[k].type=="checkbox"&&x[k].checked==false)
                checkAllFlag = false;               
        }
        formVar.chkAll.checked = checkAllFlag;
    }
}
// 全选复选框
function CheckAll(form){
    var formVar = document.getElementById(form);
    var x = document.getElementsByTagName("INPUT");
    for(k=0;k<x.length;k++){
        if(x[k].type=="checkbox"){
            x[k].checked=formVar.chkAll.checked;               
        }       
    }
}

=========================================================================

/*获得系统当前时间*/
var today = new Date();
var month = today.getMonth() + 1;
var now = today.getFullYear() + "-" + month + "-" + today.getDate() + " 00:00:00";

=========================================================================

// 开始时间不能大于结束时间，不能小于当前系统时间
function validBeginAndEnd(wrongTime){
    var beginTime=obj("beginTime").value;
    var endTime=obj("endTime").value;
    beginTime = beginTime.replace(//-/g,"//");
    endTime = endTime.replace(//-/g,"//");
    now = now.replace(//-/g,"//");
   
    if(new Date(beginTime) < new Date(now)){
        alert("开始时间不能小于当前系统时间哦！");
        wrongTime.value="";
        return false;
    }   
    if(beginTime!="" && endTime!=""){
        if ((new Date(beginTime) > new Date(endTime))){
            alert("开始时间不能大于结束时间哦！");
            wrongTime.value="";
            return false;
        }
    }
}

=========================================================================

 

// 转到修改界面
function toModifyAuth(form) {
    var formVar = document.getElementById(form);
    var x = document.getElementsByTagName("INPUT");
    var i = 0;
    var authId = null;
    for(k=0;k<x.length;k++){
        if(x[k].value!="chkAll"&&x[k].type=="checkbox"&&x[k].checked==true){
            if(x[k].editable == "F"){
                var msg = "您没有权限修改" + x[k].authName + "，请联系管理员！";
                alert(msg);
                return;
            }
            i++;
            authId = x[k].value;
        }               
    }
    if(i==1){       
        formVar.action = "auth.do?action=toModifyAuth&authId=" + authId;
        formVar.submit();   
    }
    if(i < 1){
        alert("请勾选您要修改的记录！");
    }
    if(i > 1){
        alert("只能勾选一条记录哦！");
    }
}

=========================================================================

        //校验联系电话
        var patrn = /^[0-9]{1,20}$/;
        var linkTel = obj("linkTel").value;
        if (patrn.exec(linkTel) == null) {
            alert("联系电话由数字组成，请输入合法的电话号码！");
            obj("linkTel").focus();
            obj("linkTel").select();
            return;
        }

=========================================================================

// 纯数字验证

onkeyup="this.value=this.value.replace(//D/g,'')"
onafterpaste="this.value=this.value.replace(//D/g,'')"

=========================================================================

// 子页面调用父页面的JavaScript方法

window.parent.showContent();

=========================================================================

// 父页面获取子页面的Form元素saveForm，并提交该Form的数据

        window.frames['templateFrame'].document.getElementById("saveForm").action="login.jsp";
        window.frames['templateFrame'].document.getElementById("saveForm").submit();

===========================================================================

//文件上传

<%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%>
<%@include file="../common/incHead.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>在线编辑模板导入</title>
<link href="${ctx}/css/public.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/css/style1.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="${ctx }/js/formValidate.js"></script>
<script type="text/javascript" src="${ctx }/js/commonUtils.js"></script>
<script type="text/javascript">
// 模板导入
function importTemplate(){   
    if (checkForm(document.all.fileForm) == true) {
        var x = document.getElementsByTagName("input");
        for(k=0;k<x.length;k++){
            if(x[k].type=="file"){
                var exp = x[k].value.substring(x[k].value.lastIndexOf("/.")+1).toLowerCase();
                if (exp != "htm" && exp != "html") {
                    alert("只能编辑网页文件！");
                    return;
                }           
            }       
        }       
        document.all.fileForm.action="editorTemplate.do?action=importTemplate&operate=copy";
        fileForm.submit();
    }
}

//文件上传
function addfile(){
    var len = document.all.fileTable.rows.length;
    var row = document.all.fileTable.insertRow(len);
    var cell1 = row.insertCell();
    if (window.file_i == undefined) {
        window.file_i = 1;
    }
    cell1.innerHTML ="<tr><td><input type='file' v_displayname='文件名称' v_isnull='false' value='' class='input5' name='fileItems"+window.file_i++ +"' size='30'>" +
        "<input type='button' class='btn1' onclick='removeFile(this)' value='删除'/></tr></td>";
}

//文件删除
function removeFile(srcObj) {
    var currRowIndex = srcObj.parentNode.parentNode.rowIndex;
    document.all.fileTable.deleteRow(currRowIndex);
}
</script>
</head>
<body class="body_style">
    <div class="location" >   
        <h2  class="tab_on" id="t1" >
            <a  target="_self" href="javascript:window.location.href='editorTemplate.do?action=toImportTemplate'" >
                上传模板
            </a>
        </h2>
        <h3 class="tab_r" id="tt1"></h3>   
        <h2 class="tab_out" id="t2" >
            <a  target="_self" href="javascript:window.location.href='editorTemplate.do?action=customTemplate'">
                自定义模板
            </a>
        </h2>
        <h3 class="tab_t" id="tt2"></h3>
    </div>
<form name="fileForm" id="fileForm" method="post" enctype="multipart/form-data"
    action="">
    <table class="table1" border="0" align="center" cellpadding="1" cellspacing="1"
         style="margin: 10px auto 0 auto; width:100%;">
        <tr align="left">
              <td>
                  <a style="cursor: hand" onclick="addfile()">
                      <img src="images/mail/newbookmark.gif" />添加模板
                  </a>
                  <table id=fileTable></table>
            </td>
        </tr>
        <tr>   
            <td align="center">
                <input type="button" class="btn1" value="导入模板" onclick="importTemplate()" />
            </td>
        </tr>
    </table>
</form>
</body>
</html>

===============================================================================

// 纯数字验证

function isNumber(oNum)
   {
  if(!oNum) return false;
  var strP=/^/d+(/./d+)?$/;
  if(!strP.test(oNum)) return false;
  try{
  if(parseFloat(oNum)!=oNum) return false;
  }
  catch(ex)
  {
   return false;
  }
  return true;
   }

==============================================================================

// 电话号码验证

function f_check_phoneOrMobile(obj)
{
    var regu =/(^([0][1-9]{2,3}[-])?/d{3,8}(-/d{1,6})?$)|(^/([0][1-9]{2,3}/)/d{3,8}(/(/d{1,6}/))?$)|(^/d{3,8}$)/;
    var regu2 =/(^[1][3-5][0-9]{9}$)|(^0[1][3-5][0-9]{9}$)/;
    var re = new RegExp(regu);
    var re2=new RegExp(regu2);
    if (re.test( obj.value )||re2.test(obj.value)) {
      return true;
    }
    alert("联系电话一定要为数字");
    return false;
}

==============================================================================

页面元素加载完之后触发

document.getElementById("message").onreadystatechange = function(){
           if(this.readyState=="complete" ) {
              documentOf("message").body.innerHTML=date[index-1].CONTENT;
           }
          }

==============================================================================

// 在弹出的小窗口页面操作父窗体的元素linknam

window.opener.document.getElementById("linknam").value = staffName;

==============================================================================

frames["message"].document.designMode = "On";

obj("content").value = frames["message"].document.body.innerHTML;

==============================================================================

JS去空格处理：

String.prototype.Trim = function(){ return   this .replace(/^/s+|/s+$/g, "" );}

String.prototype.Ltrim = function(){return   this .replace(/^/s+/g,  "" );}

String.prototype.Rtrim = function(){return   this .replace(//s+$/g,  "" );}

var str="   helloworld   " ;

alert("----" +str.Ltrim()+ "-----" );  //去左边空格

alert("----" +str.Rtrim()+ "-----" );  //去右边空格

alert("----" +str.Trim()+ "-----" );  //两边空格都去空格

JavaScript代码
m0_46393353的博客
06-29 656
test01 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 100px; height: 100px; background: #ccc;
JavaScript代码大全
04-22
JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全
javascript代码大全
03-21
NULL 博文链接：https://roses.iteye.com/blog/962222
【JavaScript】代码整理
最新发布
m0_74282926的博客
06-22 295
所有代码示例整理自，仅用于个人学习归档。
Javascript代码集
11-24
Javascript代码集Javascript代码集Javascript代码集Javascript代码集
javascript功能代码
11-30
javascript如何实现论坛和贴吧的回复功能代码
Javascript
11-12
常见网络上网站的效果+经典案例代码，适合初学者入门使用。
javascript-常用JavaScript代码PDF
11-25
把如下代码加入区域中: 后退前进 <!-- type="button" value="后退" onClick="history.go(-1)"> 前进"onClick="history.go(1); return true;"> 返回 <form><input type="button" value="返回上一步" onClick="history...
常用JavaScript代码提示公共类封装
10-29
根据提供的文件信息，本文将详细介绍和解读“常用JavaScript代码提示公共类封装”相关的知识点。以下将从两个主要方面来展开： 1. 封装的公共类设计与实现 2. JavaScript与服务器端代码的交互方法 **封装的公共类...
部分常用JavaScript代码
03-18
这篇博客文章“部分常用JavaScript代码”可能包含了作者在实际开发中经常使用的JavaScript片段，旨在帮助读者理解和掌握JavaScript的一些核心概念和实用技巧。下面我们将深入探讨一些常见的JavaScript知识点。 1. ...
用户注册常用javascript代码
12-03
代码如下:<%@ page contentType=”text/html; charset=gb2312″ language=”java”%> <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> &lt...
javascript 常用代码大全
蚂蚁的小窝
05-31 1448
javascript 常用代码大全 以下正文： //打开模式对话框 function doSelectUser(txtId) { strFeatures="dialogWidth=500px;dialogHeight=360px;center=yes;middle=yes ;help=no;status=no;scroll=no"; var url,strReturn; url="selUser.
Javascript 技巧大全
01-19 1287
Event 事件 事件源对象event.srcElement.tagNameevent.srcElement.type捕获释放event.srcElement.setCapture();event.srcElement.releaseCapture();事件按键event.keyCodeevent.shiftKeyevent.altKeyevent.ctrlKey事件返回值event.retu
javascript代码
一个真正靠自己的人才会懂得珍惜什么
08-29 1103
0.不使用任何object或特殊条件下实现无提示关闭窗口：function closeself(){window.open(about:blank,_top,);self.close();}1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键 no 可用于Table 2. 取消选取、防止复制 3. onpaste="r
javascript小技巧&&JavaScript[对象.属性]集锦 [转载了多篇]
weixin_30268071的博客
08-08 368
如果你找的javascript的东西的话,建议你 ctrl+F 直接在这个页上找,因为这里80%有你要找的,但是要让你挨着看的话,你就准备看完就去配眼镜!! 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releas...
JavaScript 经典代码大全
12-26 1233
代码一1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键table border oncontextmenu=return(false)>td>notable> 可用于Table2. body onselectstart="return false"> 取消选取、防止复制3. onpaste="return false" 不准
JavaScript 代码教程
余笙.'的博客
02-28 8164
JavaScript 是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器中的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。 特点： 1、弱语言 2、区分大小写 3、面向对象 4、跨平台 页面中添加JavaScript代码 语法： <script type="text/javascript"> //js相关代码 </scr
JavaScript
qq_37468185的博客
05-18 4221
1、JavaScript介绍javaScript简称叫JS。 Javascript语言诞生主要是完成页面的数据验证。因此它运行在客户端，需要运行浏览器来解析执行JavaScript代码。 JS是Netscape网景公司的产品，最早取名为LiveScript;为了吸引更多java程序员。更名为javascript。 JS是弱类型，Java是强类型。int 变量名 = 值必须是intvar 变量名 =...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值