zoukankan      html  css  js  c++  java

  • 常用javascript语法[转]

    转自：http://www.cnblogs.com/blbl/archive/2013/03/12/2956656.html

    以下整理的JavaScript常用的脚本，有需要的朋友可以收藏了喔~

    1.让文字不停地滚动

    <MARQUEE>滚动文字</MARQUEE>

    2.记录并显示网页的最后修改时间 

    <script language=javascript>
document.write("最后更新时间: " + document.lastModified + "");
</script>

    3.关闭当前窗口

    <a href="#" onClick="javascript ：window.close();return false;">关闭窗口</a>

    4.5秒后关闭当前页

    <script language="javascript"> 
<!-- 
setTimeout('window.close();',5000); 
--> 
</script>

    5.2秒后载入指定网页 

    <head>
<meta http-equiv="refresh" content="2;URL=http://你的网址">
</head>

    6.添加到收藏夹

    复制代码
    <Script Language="javascript"> 
function bookmarkit(){
window.external.addFavorite('http://你的网址','你的网站名称');
} 
if (document.all){
document.write('<a href="#" onClick="bookmarkit()">加入收藏夹</a>'); 
}
</Script>
    复制代码

    7.让超链接不显示下划线

    <style type="text/css">
<!- a:link{text-decoration:none} 
a:hover{text-decoration:none} 
a:visited{text-decoration:none} 
-> 
</style>

    8.禁止鼠标右键的动作

    复制代码
    <script language="javascript"> 
function click() { 
if (event.button==2||event.button==3){ 
alert('禁止鼠标右键'); 
}
} 
document.onmousedown=click; 
</script>
    复制代码

    9.设置该页为首页 

    <span onclick="var strHref=window.location.href;this.style.behavior=
'url(#default#homepage)';
this.setHomePage('http://www.cnblogs.com/xiaoyu5062/');
" style="CURSOR: hand"><br>将本站设置为首页</span>

    10.节日倒计时 

    复制代码
    <Script Language="javascript"> 
var timedate= new Date("December 25,2008"); 
var times="圣诞节"; 
var now = new Date(); 
var date = timedate.getTime() - now.getTime(); 
var time = Math.floor(date / (1000 * 60 * 60 * 24)); 
if (time >= 0) 
document.write("现在离"+times+"还有: "+time +"天")
</Script>
    复制代码

    11.单击按钮打印出当前页

    <Script Language="javascript"> 
if (window.print) { 
document.write('<form>' + '<input type=button name=print value="打印本页" ' + 'onClick="javascript:window.print();"></form>'); 
} 
</Script>

    12.单击按钮‘另存为’当前页 

    <input type="button" name="Button" value="保存本页" onClick="document.all.button.ExecWB(4,1)"> 
<object id="button" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> 
<embed width="0" height="0"></embed> 
</object>

    13.显示系统当前日期 

    View Code

    14.不同时间段显示不同问候语

    View Code

    15.水中倒影效果 

    View Code

    16.慢慢变大的窗口 

    View Code

    17.改变IE地址栏的IE图标 

    我们要先做一个16*16的icon（图标文件），保存为index.ico。把这个图标文件上传到根目录下,
    并在首页<head></head>之间加上如下代码：

    <head>
<link rel="Shortcut Icon" href="index.ico"/>
</head>

    18：进入或者离开时显示信息

    设置body的 onLoad和onUnload事件
    19：只能输入数字

    View Code

    20：email 合法性检查 

    View Code

    21：屏蔽 Ctrl+N、Shift+F10、F5刷新、退格键

    View Code

    22：屏蔽F5键

    View Code

    23：屏蔽主窗口滚动条

    在body标签里加上 

    style="overflow-y:hidden"

    24：取得控件的绝对位置

    View Code

    25：切换页面后，光标停在文本框文字的最后

    View Code

    26：表格的半透明显示效果 

    在<head></head>之间加上如下代码：

    <style> 
.alpha{filter: Alpha(Opacity=50)} //50表示50%的透明度 
</style>

    在<body></body>之间加上如下代码： 

    View Code

    27：细线分隔线

    <hr noshade size=0 color=#C0C0C0>

    28：过渡度方式

    <head>
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=3)"> 
</head>
<a href="b.html">to b.html</a>

    Duration的值为网页动态过渡的时间，单位为秒。 

    Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表： 
    0 盒状收缩 1 盒状放射 
    2 圆形收缩 3 圆形放射 
    4 由下往上 5 由上往下 
    6 从左至右 7 从右至左 
    8 垂直百叶窗 9 水平百叶窗 
    10 水平格状百叶窗 11垂直格状百叶窗 
    12 随意溶解 13从左右两端向中间展开 
    14从中间向左右两端展开 15从上下两端向中间展开 
    16从中间向上下两端展开 17 从右上角向左下角展开 
    18 从右下角向左上角展开 19 从左上角向右下角展开 
    20 从左下角向右上角展开 21 水平线状展开 
    22 垂直线状展开 23 随机产生一种过渡方式

    29：如何控制横向和纵向滚动条的显隐？

    <body style="overflow-y:hidden"> <!--去掉x轴--> 
<body style="overflow-x:hidden"> <!--去掉y轴 --> 
<body scroll="no"><!--不显-->

    30：javascript中获取地址栏参数比如 index.jsp?id=xxx&name=xxx

    方法一：

    View Code

    方法二：

    View Code

    方法三：

    View Code

    31：window对象的方法

    open(URL,WindowName,parameterList):open方法创建一个新的浏览器窗口，并在新窗口中载入一个指定的URL地址。 
    close():close方法关闭一个浏览器窗口. 
    alert(text):弹出一个信息框. 
    confirm(text):弹出一个确认框. 
    prompt(text,Defaulttext):弹出一个提示框. 
    setTimeout(expression,time):定时设置,在一定时间后自动执行expression描述的代码,使用time设置时间,单位是毫秒. 
    clearTimeout(timer):取消以前的定时设置. 
    back():指示浏览器载入历史记录中的上一个URL地址. 
    forward():指示浏览器载入历史记录中的下一个URL地址. 
    stop():指示浏览器停止网页的装载. 
    location:提供当前窗口的URL信息 
    history:提供当前窗口的历史记录,可以在网页导航中发挥作用. 
    closed:一个指出窗口目前是否关闭的逻辑值. 
    self:引用当前文档对应的窗口. 
    navigate(url):窗口转向另外一个窗口
    32：验证是否整数

    View Code

    33：验证是否都是数字，而且是正整数

    View Code

    34：验证是否都是数字，而且是负整数

    View Code

    35：短时间，形如 (13:04:06)

    View Code

    36:短日期，形如 (2008-12-05)

    View Code

    37：长时间，形如 (2003-12-05 13:04:06)

    View Code

    38：检测值不能为空

    View Code

    39：判断字符全部由a-Z或者是A-Z的字字母组成

    View Code

    40：判断字符由字母和数字组成

    View Code

    41：判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母

    View Code

    42：判断浏览器的类型

    View Code

    43：判断ie的版本

    View Code

    44：判断客户端的分辨率

    View Code

    45：用正则表达式判断是否Email

    View Code

    46：用正则表达式判断是否身份证号码

    View Code

    47：给表格自动增行（msdn的例子）

    View Code

    48：严格的身份证验证

    View Code

    49：验证IP地址

    View Code
  • 相关阅读:
    从壹开始前后端分离[.NetCore ] 38 ║自动初始化数据库（不定期更新）
    从壹开始前后端分离[.NetCore] 37 ║JWT实现权限与接口的动态分配——复杂策略授权
    从壹开始微服务 [ DDD ] 之十二 ║ 核心篇【下】：事件驱动EDA 详解
    从壹开始微服务 [ DDD ] 之八 ║剪不断理还乱的 值对象和Dto
    从壹开始微服务 [ DDD ] 之七 ║项目第一次实现 & CQRS初探
    CentOS7下的CDH 6.2.0 安装过程
    php获取客户端IP地址的方法
    IntelliJIdea 2016.2 使用 tomcat 8.5 调试spring的web项目时，bean被实例化两次导致timer和thread被启动了两遍的问题的解决
    Linux 系统 TCP优化
    Fedora 25-64位操作系统中安装配置Hyperledger Fabric过程
  • 原文地址：https://www.cnblogs.com/qiongmiaoer/p/2964829.html
Copyright © 2011-2022 走看看