`

js杂技-1

js 
阅读更多

 

一、日期写法:

<td height="51" align="center" background="images/zbb_2.jpg" class="zb">
     <script type="text/javascript">
	   var d=new Date();
	   var week="";
	   switch(d.getDay()){
	   case 0:week="日";break;
	   case 1:week="一";break;
	   case 2:week="二";break;
	   case 3:week="三";break;
	   case 4:week="四";break;
	   case 5:week="五";break;
	   case 6:week="六";break;
	  }
	 document.write(d.getFullYear()+"年"+(d.getMonth()+1)+"月"+d.getDate()+"日"+" 星期"+week);
     </script>
 </td>

 

 

二、在页面直接输出日期的一种写法

 <script>  
             //输出一次  
             document.getElementById('time').innerHTML=new Date().toLocaleString();  
             //每隔一秒调刷新一次  
             setInterval("document.getElementById('time').innerHTML= '当前时间:' + new Date().toLocaleString();",1000);  
    </script> 

 

 

 

三、js跳转传值

1、用js提交
  <script type="text/javascript">
	function goPage(obj){	
		location.replace("/zhiban.do?action=select&page=" + obj.value);
	}
  </script>
  说名:
    1、用js提交表单数据必须全部以参数的形式传递

2、让<a>标签单击之后不动代码:
   <a href="javascript:void(0)">fsafs</a>

 

 

四、打开页面的属性

 

window.open('page.html','','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')

===================各项参数============
其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。
参数 | 取值范围 | 说明 
alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后 
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上 
depended | yes/no | 是否和父窗口同时关闭 
directories | yes/no | Nav2和3的目录栏是否可见 
height | pixel value | 窗口高度 
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键 
innerHeight | pixel value | 窗口中文档的像素高度 
innerWidth | pixel value | 窗口中文档的像素宽度 
location | yes/no | 位置栏是否可见 
menubar | yes/no | 菜单栏是否可见 
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度 
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度 
resizable | yes/no | 窗口大小是否可调整 
screenX | pixel value | 窗口距屏幕左边界的像素长度 
screenY | pixel value | 窗口距屏幕上边界的像素长度 
scrollbars | yes/no | 窗口是否可有滚动栏 
titlebar | yes/no | 窗口题目栏是否可见 
toolbar | yes/no | 窗口工具栏是否可见 
Width | pixel value | 窗口的像素宽度 
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上

 

 

五、document与form

document.forms[0]                   得到页面的第一个表单
document.forms[0].submit();         提交第一个表当的数据

 

    说名:

        1、<form action="" method="get" name="form1"> :form中action为"null"或者为"?"表示提交到本页

 

六、web.xml中欢迎页面的设置

      <welcome-file-list>
           <welcome-file>index.jsp</welcome-file>
           <welcome-file>Login.jsp</welcome-file>
      </welcome-file-list>

     说名:

          1、从上到下查找,先找index.jsp如果没找到在找Longin.jsp如果都没有找到就会出现404错误

 

七、得到selcet选项 下拉的值 赋值给“mzmc”控件
    var v = document.getElementById("mz");
        for(i = 0; i < v.length;i++){
             if(v[i].selected){
                  document.getElementById("mzmc").value = v[i].innerText;
              }
         }

 

 

八、将字符串转化为js对象

   function test(){
                var data = "{\"name1\":\"2013年08月22日 星期四\",\"name2\":\"2013-08-22 10:51:27\",\"obj1\":\"熊敏\",\"obj2\":\"熊敏\"}";
                var d = eval('('+data+')');
                alert(d);
                alert(d.name1);
            }

 

九、关闭窗口免确定的js

          //关闭窗口去提示的方法
          function closeWindow(){
               //去掉关闭窗口的提示
               window.opener = null;
               //这一句是关键
               window.open('','_self');
                window.close();
           }

 

十、获取键盘值

//window.event.keyCode:可以得到键盘值
//当按下回车键时调用
<input type ="button" value = "测试" onkeypress="huice();"/>

function huice(){
   if(window.event.keyCode == 13){
         huicefangfa();
   }
}

 

十一、获取屏幕的宽度和高度的(屏幕分辩率)js

<script language="javascript" type="text/javascript">
  /*将获取的值存到变量里*/
  width_screen=screen.width;
  height_screen=screen.height;
  availWidth_screen=screen.availWidth;
  availHeight_screen=screen.availHeight;
  colorDepth_screen=screen.colorDepth;

   /*输出值*/
  document.write("你的屏幕宽为:"+width_screen+"<br />你的屏幕高为:"+height_screen+"<br />你的屏幕可用宽为:"+availWidth_screen+"<br />你的屏幕可用高为:"+availHeight_screen+"<br />你的颜色设置所有为数为:"+colorDepth_screen);
</script>

 

十二、刷新、关闭open(url)打开的页面

//关闭嵌入父页面的页面
window.opener.parent.close();

//用指定的页面刷新嵌入父页面的页面
window.opener.parent.location.href=url;

//用指定页面刷新父页面
window.opener.location.href=url;

 

十三、js中“==”与“===”的区别

    ”==”与”===”是不同的,一个是判断值是否相等,一个是判断值及类型是否完全相等。
    下面的规则用于判定===运算符比较的两个值是否相等的判断条件
    •如果两个值的类型不同,它们就不相同。
    •如果两个值是数字,而且值相同,那么除非其中一个或两个都是NaN(这种情况它们不是等同的),否则它们是等同的。值NaN永远不会与其他任何值等同,包括它自身(奇怪的家伙),要检测一个值是否是NaN,可以使用全局函数isNaN()。
    •如果两个值都是字符串,而且在串中同一位置上的字符完全相同,那么它们就完全等同。如果字符串的长度或内容不同,它们就不是等同的。
    •如果两个值都是布尔型true,或者两个值都是布尔型false,那么它们等同。
    •如果两个值引用的是同一个对象、数组或函数,那么它们完全等同。如果它们引用的是不同的对象(数组或函数),它们就不完全等同,即使这两个对象具有完全相同的属性,或两个数组具有完全相同的元素。
    •如果两个值都是null或都是undefined,它们完全相同。

<script>
	function eee(){
		var a = true;
    	        var b = 1;
    		alert(a==b);
		alert(a===b);
	}
</script>
    下面的规则用于判定==运算符比较的两个值是否相等的判断条件
    •如果两个值具有相同的类型,那么就检测它们的等同性。如果这两个值完全相同,它们就相等。如果它们不完全相同,则它们不相等。
    •如果两个值的类型不同,它们仍然可能相等。用下面的规则和类型转换来检测它们的相等性 ◦如果一个值是null,另一个值是undefined,它们相等。
    ◦如果一个值是数字,另一个值是字符串,把字符串转换为数字,再用转换后的值进行比较。
    ◦如果一个值为true,将它转化为1,再进行比较。如果一个值为false,把它转化为0,再进行比较。
    ◦如果一个值是对象,另一个值是数字或字符串,将对象转换成原始类型的值,再埋比较。可以使用对象的toString()方法或valueOf()方法把对象转化成原始类型的值。JavaScript核心语言的内部类通常先尝试valueOf()方法转换,再尝试toString()方法转换,但是对于Date类,则先执行toString()方法再执行valueOf()方法转换。不属于JavaScript核心语言的对象则可以采用JavaScript实现定义的方式把自身转换成原始数值。
    ◦其他的数值组合是不相等的。
 
14、调试的时候在调试窗口打印
console.info(r);
 说明:如果是对象的话可以点击,查看属性
 
15、获取项目根目录
//js获取项目根路径,如: http://localhost:8083/uimcardprj
function getRootPath(){
    //获取当前网址,如: http://localhost:8083/uimcardprj/share/meun.jsp
    var curWwwPath=window.document.location.href;
    //获取主机地址之后的目录,如: uimcardprj/share/meun.jsp
    var pathName=window.document.location.pathname;
    var pos=curWwwPath.indexOf(pathName);
    //获取主机地址,如: http://localhost:8083
    var localhostPaht=curWwwPath.substring(0,pos);
    //获取带"/"的项目名,如:/uimcardprj
    var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
    return(localhostPaht+projectName);
}
 
16、js定时循环行和清楚定时对象
function setIntervalTest(){
     //每隔100毫秒执行一次loopExecute方法
     var iId = setInterval(loopExecute,100);
     //清楚setInterval(定时执行对象),iId为setInterval()函数执行时的id
     clearInterval(iId);
}


//给进度条赋值
var jindu = 50;
function loopExecute(){
	if(jindu==90){jindu = 50;}
	$('#jinDuTiao').progressbar('setValue', jindu);
	jindu++; 
}
 
17、登入验证时,iframe嵌入页面跳转需要从父页面跳转
    1、web.xml配置
<!-- 配置登陆验证过滤器 -->
  	<filter>
	  	<filter-name>loginCheckFilter</filter-name>
	  	<filter-class>com.util.filter.LoginCheckFilter</filter-class>
  	</filter>
 	<filter-mapping>
	  	<filter-name>loginCheckFilter</filter-name>
	  	<!-- 过滤的路劲 -->
	  	<url-pattern>/admin/*</url-pattern>
	  	<url-pattern>/yeMian/*</url-pattern>
  	</filter-mapping>
     2、登入验证filter
package com.util.filter;

import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.entity.User;

/**
 * 判断是否登陆filter
 */
public class LoginCheckFilter implements Filter{
	@Override
	public void destroy() {
		
	}

	@Override
	public void doFilter(ServletRequest req, ServletResponse res,FilterChain chain) throws IOException, ServletException {
		//转换为浏览器对象
		HttpServletRequest request = (HttpServletRequest) req;
		HttpServletResponse response = (HttpServletResponse) res;  
		
		//得到项目跟路径
		String path=request.getContextPath();
		String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
		
		//session存入的登入对像
		User user = (User) request.getSession().getAttribute("user");
		
		if(user == null){
			response.sendRedirect(basePath + "loginCheck.jsp");
			return;
		}	
		
		//让请求,继续向下执行
		chain.doFilter(req, res);
	}

	@Override
	public void init(FilterConfig arg0) throws ServletException { 
		
	}
}
     3、跳转页面
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>		<!-- el表达式 -->
<%@page import="com.entity.User" %>
<%
	//得到项目的跟目录
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	
	User user = (User)session.getAttribute("user");
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<script type="text/javascript" src="<%=basePath%>/common/js/jquery.min.js"></script>
	
	<script type="text/javascript">
		$(function(){
			if(<%=user%> == null){
                                //从父页面的父页面跳转(没有找到父页面就从不页面跳转)
				window.parent.parent.location.href="<%=basePath%>"+"login.jsp";
			}
		});
	</script>
</head>
<body></body>
</html>
   说明:必须引入jquery
17、比较两时间的大小
/**
 * 比较开始时间结束时间的大小
 * activityStartDate 开始日期
 * activityEndDate 结束日期
 */
function checkDate(activityStartDate,activityEndDate) {
	var aDate, oDate1, oDate2, iDays;
	
	aDate = activityStartDate.split("-");
	oDate1 = new Date(aDate[0] + '-' + aDate[1] + '-' + aDate[2]);  //转换为yyyy-MM-dd格式
	aDate = activityEndDate.split("-");
	oDate2 = new Date(aDate[0] + '-' + aDate[1] + '-' + aDate[2]);
	
	iDays = parseInt(Math.round(oDate2 -oDate1) / 1000 / 60 / 60 / 24); //把相差的毫秒数转换为天数
	
	//说明结束日期小于开始日期
    if(iDays < 0){
    	return  false;
    }
    
    return true;
}

 

    18、用js直接下载文件
        window.open("http://localhost:8080/shoppertrak/activityPdf_1441423511803.pdf");

    

   19、得到当前页面路径

       var page=window.location.pathname;

分享到:
评论

相关推荐

    二年级上册数学试题-第一单元 看杂技-表内乘法(一) 测试卷-青岛版丨五四学制(含答案).pdf

    二年级上册数学试题-第一单元 看杂技-表内乘法(一) 测试卷-青岛版丨五四学制(含答案).pdf

    佛爱我羊-杂技杂八工具箱---一直收藏

    佛爱我羊-杂技杂八工具箱--自从有了它,我就一直收藏者

    二年级-地方课程-人与社会-04-惊险奇绝耍杂技.doc

    二年级-地方课程-人与社会-04-惊险奇绝耍杂技.doc

    大学英语六级翻译提前练:杂技.docx

    1. **核心词汇与短语** - **杂技 (acrobatics)**: 表示一系列展示高难度平衡和动作协调能力的表演艺术。 - **高超的平衡技巧和动作协调能力 (excellent skills of balance and action coordination)**: 描述杂技...

    杂技剧创作的探索和发展

    1. **戏剧性的融合**:杂技剧的核心在于“讲故事”,它要求有情节、人物和戏剧冲突。演员不仅要具备高超的杂技技巧,还要接受戏剧表演训练,学会如何通过表演传达情感,增强艺术感染力。通过精心设计的剧情和角色...

    杂技演员叠罗汉.docx

    杂技演员叠罗汉知识点总结 在本文档中,我们讨论了杂技演员叠罗汉的知识点,包括叠罗汉的规则、杂技演员的排列、跌倒规则等。 规则 1. 第一层有四个人,第二层有三个人,第三层有两个人,第四层只有一个人。 2. ...

    大班体育优质课教案《小小杂技员》.docx

    1. **源于生活的教学材料**:体育教学活动应以生活中的常见物品为素材,轮胎作为常见的器材,适合幼儿进行多种基础动作的训练。 2. **社会能力培养**:大班孩子正处在幼小衔接的关键阶段,通过小组活动和合作游戏,...

    幼儿园教案2021-中大班混龄玩沙:小杂技演员.doc

    1. 引导阶段:以“小杂技演员”为主题,吸引孩子们的兴趣,告诉他们通过努力和合作,有机会成为杂技明星,激发参与热情。 2. 练习环节: - 大班幼儿在沙池中进行接力赛,锻炼快速奔跑的能力,提高体能素质。 - ...

    导游资格考试英语导游词:吴桥杂技大世界.docx

    【吴桥杂技大世界】是中国著名的旅游景点,尤其对那些对中华杂技充满好奇的游客来说,这里是一个集观赏与体验于一体的目的地。在导游资格考试中,为英语导游词设计时,重要的是要注重游客的体验感受,而非过于学术性...

    文化大发展背景下我国杂技艺术的创新趋势.docx

    在文化大发展背景下,我国杂技艺术正面临着前所未有的创新趋势。杂技作为一种结合力量、智慧和技巧的艺术形式,以其“新”、“难”、“奇”、“美”的特点,成为了中国文化领域的一颗璀璨明珠。随着社会经济的快速...

    大班音乐活动教案 杂技表演.docx

    1. **探索节奏型**:教师借助教具(如投影仪中的抛接球、转呼啦圈、顶酒杯图像)引导幼儿感知不同节奏,比如A段对应抛接球的节奏,B段对应转呼啦圈的节奏,C段对应顶酒杯的节奏。幼儿通过观察图片中物体的数量,学习...

    耍杂技的牛.md

    耍杂技的牛.md

    中大班混龄玩沙:小杂技演员.doc

    1. 引入主题:教师以杂技团的角色设定吸引孩子们的注意力,鼓励他们积极参与,争取成为杂技明星。 2. 练习环节: - 年日班幼儿进行沙中接力,旨在提高他们在沙地上的奔跑速度和敏捷性。 - 中班幼儿则进行平衡木...

    独轮车杂技机器人的动力学建模与稳定控制.pdf

    《独轮车杂技机器人的动力学建模与稳定控制》这篇文章主要探讨的是如何为独轮车杂技机器人建立动力学模型,并设计出稳定的控制器。文章首先介绍了机器人的基本概念和其在各个领域的广泛应用,强调了仿生机器人研究的...

    最新二年级数学上册二看杂技——表内乘法(一)信息窗3补充习题1青岛版六三制.pdf

    在“二看杂技”这一主题中,可能采用了将数学知识与杂技表演相结合的方式,通过观察杂技演员的动作和道具,引导学生发现和应用乘法。例如,如果杂技演员重复某个动作8次,那么可以引导学生思考如何用乘法表示这个...

    2021年中考物理微专题复习 专题57 杂技魔术科技活动中的物理中考问题(教师版含解析).docx

    1. **物理现象的演示与模拟**: - 在教学中,自制教具经常被用来演示物理现象,如惯性、流体压强与流速的关系、电流的效应等。这些教具可以帮助学生直观理解抽象的物理概念。 - 有些教具可以模拟物理现象,如汽轮...

    汉代杂技表演名为百戏精选.doc

    汉代的"百戏"是一种综合性的表演艺术形式,它起源于秦汉时期的民间娱乐活动,融合了乐舞、杂技、幻术等多种元素。"百戏"这一词汇在汉代就已经出现,它反映了当时表演艺术的高度发展和多样性。百戏的兴起打破了周代...

    小丑杂技嘉年华活动.ppt

    活动时间为10月1日至10月7日,地点位于商业街区。活动内容包括小丑军团的互动巡游、商业街区的公关互动、《欢乐总动员》小丑嘉年华巡演等,旨在吸引大量人流,同时通过春晚明星熊猫的亮相,提升商家人气,达到促销...

    Acro-Site:杂技空中射击网站

    1. **布局技术**:Acro-Site可能使用了CSS Flexbox或Grid布局来实现灵活、响应式的网页设计。Flexbox适用于一维布局(如行或列),而Grid则适用于二维布局,可以方便地创建复杂的网格系统,适应不同屏幕尺寸。 2. *...

    可以表演“空中杂技”的机器人迪士尼Stickman.pdf

    Stickman可以进行“空中杂技”,包括后空翻、双后空翻和侧空翻等动作,这些动作的完成主要靠内置的3个激光测距仪与六轴惯性测量装置(IMU)。 机器学习是实现机器人技术的核心要素之一,通过机器学习算法,可以使...

Global site tag (gtag.js) - Google Analytics