BlogJava-当柳上原的风吹向天际的时候...-随笔分类-JavaScript

获取相对于今天的日期

何杨 — Mon, 06 May 2013 08:56:00 GMT

/**********************************************
* 获取相对于今天的日期
* 2013年4月29日22:21:23
**********************************************/
function GetDateStr(AddDayCount) {
    var dd = new Date();
    dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期
    var y = dd.getFullYear();

    var m = dd.getMonth()+1;//获取当前月份的日期
    m=parseInt(m,10);
    if(m<10){
        m="0"+m;
    }

    var d = dd.getDate();
    d=parseInt(d,10);
    if(d<10){
        d="0"+d;
    }

    return y+"-"+m+"-"+d;
}

示例:

var today=GetDateStr(0);
var yesterday=GetDateStr(-1);
var thedaybeforeyesterday=GetDateStr(-2);

何杨 2013-05-06 16:56 发表评论

jQuery编程点滴

何杨 — Thu, 02 May 2013 13:18:00 GMT

1.dom初始化
$(document).ready(
    function(){
        ...// 这里写初始化
    }
);

2.给所有class为channel的元素设定点击事件.
$('.channel').click(
     function(){
         ...
    }
);

3.给id=menuDiv下的ul下的li中的设定点击事件.
$("#menuDiv>ul>li>a").click{
    function(){

...
}
);

何杨 2013-05-02 21:18 发表评论

在Javascript中创建一个对象的三种方法

何杨 — Mon, 29 Apr 2013 08:10:00 GMT

1.调用new Object,如
var obj=new Object();
obj创建出来后没有任何属性或方法,需要手工进行添加
obj.property=XX;
obj.method=function(){...};

2.用大括弧{}来直接描述属性或方法
var obj={property01:value01,property02:value02,...};

3.自定义一个构建函数,然后用new来创建
function func(value01,value02,...,value0n){
     this.property01=value01;
     this.property02=value02;
     ...

this.property0n=value0n;

}

var obj=new func(v1,v2,..,vn);

何杨 2013-04-29 16:10 发表评论

给超链接添加的click事件中为何最后要增加return false;

何杨 — Sat, 27 Apr 2013 11:57:00 GMT

因为在click事件中,使用return false;语句,能让浏览器认为用户没有单击该链接,从而阻止该超链接跳转.

何杨 2013-04-27 19:57 发表评论

得到并显示一个js对象的所有属性

何杨 — Wed, 20 Mar 2013 04:34:00 GMT

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title> New Document title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
head>

<body>

body>
html>
<script type="text/javascript">

script>

何杨 2013-03-20 12:34 发表评论

[转]JS函数自动执行

何杨 — Tue, 12 Mar 2013 09:50:00 GMT

关于让网页中的JavaScript函数自动执行，方法就多洛，但是万变不离其宗，下面给大家介绍一下！

　　前提条件，网页中必须有JS函数代码，或者，使用文件导入的方法也行：

　　在HTML中的Head区域中，有如下函数：

　　
　　functionn MyAutoRun()
　　{
　　　//以下是您的函数的代码，请自行修改先！
　　　alert("函数自动执行哦！");
　　}
　　

　　下面，我们就针对上面的函数，让其在网页载入的时候自动运行！

　　①第一种方法

　　将如上代码改为：

　　
　　functionn MyAutoRun()
　　{
　　　//以下是您的函数的代码，请自行修改先！
　　　alert("函数自动执行哦！");
　　}
　　window.onload=MyAutoRun; //仅需要加这一句
　　

　　②第二种方法

　　修改网页的Body为：

　　

　　或者改为：

　　

　　③第三种方法

　　使用JS定时器来间断性的执行函数：

　　setTimeout("MyAutoRun()",1000);   //隔1000毫秒就执行一次MyAutoRun()函数

　　实现方法，将最上面的那JS函数，改为：

　　
　　functionn MyAutoRun()
　　{
　　　//以下是您的函数的代码，请自行修改先！
　　　alert("函数自动执行哦！");
　　}
　　setTimeout("MyAutoRun()",1000); //这样就行拉
　　

本文转载自:

http://blog.163.com/long_alfred/blog/static/188238279201161591355842/

何杨 2013-03-12 17:50 发表评论

将数字转化为货币形式,保留两位小数.

何杨 — Fri, 01 Mar 2013 14:04:00 GMT

/****************************************************
* toCurrency: convert a number to currency
* @param value
* @returns {String}
*
****************************************************/
function toCurrency(money) {
    if (/[^0-9\.]/.test(money)){
        return '0.00';
    }

    money = money.replace(/^(\d*)$/, "$1.");
    money = (money + "00").replace(/(\d*\.\d\d)\d*/, "$1");
    money = money.replace(".", ",");
    var re = /(\d)(\d{3},)/;
    while (re.test(money)) {
        money = money.replace(re, "$1,$2");
    }
    money = money.replace(/,(\d\d)$/, ".$1");

    return '' + money.replace(/^\./, "0.")+" ";
}

何杨 2013-03-01 22:04 发表评论

将数字转化为货币形式,小数部分省略.

何杨 — Wed, 20 Feb 2013 08:16:00 GMT

function convertMoney(value) {
   var digital=Math.floor(value);
   var arr=digital.toString().split("").reverse();

   var t = "";
   for(var i = 0; i < arr.length; i ++ ){
      t += arr[i] + ((i + 1) % 3 == 0 && (i + 1) != arr.length ? "," : "");
   }
   return t.split("").reverse().join("");
}

何杨 2013-02-20 16:16 发表评论

[转]JS显示保留两位小数的货币形式

何杨 — Mon, 18 Feb 2013 08:30:00 GMT

New Document

何杨 2013-02-18 16:30 发表评论

再议关于父子窗口通信问题

何杨 — Mon, 14 May 2012 14:43:00 GMT

网络上有很多网页父子窗口通信的文章，自己也曾写过，现在看来，问题应该简单化了，没有那么复杂。
只需要：
opener+函数+隐藏域即可，这里的函数和隐藏域都是父窗口的。

比如说，子窗口要取父窗口的数据，可以在父窗口中做一个隐藏域，打开子窗口前把值存储好，再写一个函数来取得隐藏域中的值，子窗口中就能用opener+函数名来取得这个值了。
反过来，父窗口要取子窗口的数据，可以在父窗口中做一个函数，子窗口中数据就绪后直接opener+函数名调用这个函数即可，参数就是数据。

这样做，省去了很多麻烦。如果隐藏域不允许，那么再考虑别的方法不迟。

何杨 2012-05-14 22:43 发表评论

一种安全的给页面组件添加事件的方法

何杨 — Mon, 14 May 2012 06:17:00 GMT

通常的网页编程原则是把形式，内容和表现分开，这样页面组件的事件处理就转移到了
window.onload或是Dom.onready中,写在一起。

有时，如果对页面组建进行删除或是更改id，会导致js出现错误，找不到组件，结果下面的正确js也无法执行了。
在进行页面调整阶段这个问题很常见。

当然，修改过来是正确的做法，另外我们还可以通过组件检测来做，这样的好处是页面调整后，js无需改变。
以下代码供参考：

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title> New Document title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
head>

<body>
  <button id="btn1">BTN1button>
  <br/>
   <button id="btn2">BTN2button>
body>
html>

<script type="text/javascript">

script>

何杨 2012-05-14 14:17 发表评论

将页面组件的事件绑定到带参数的函数上

何杨 — Sat, 28 Apr 2012 02:20:00 GMT

<html>
    <head>

        <title>123title>
        <style>
        style>

    head>
    <body>
        <div>123div>
        <div>456div>

        <script>

            function test(object){
              var tag = object.innerHTML;
              alert(tag)
            }
            var divs = document.getElementsByTagName('div');
            for(var i = 0, len = divs.length; i < len; i++){
                divs[i].onclick = function(){
                    test(this)
                }
            }

        script>
    body>
html>

何杨 2012-04-28 10:20 发表评论

使用a href="javascript:XXX();"打开新窗口后原窗口出现[Object]的消除措施。

何杨 — Mon, 13 Feb 2012 02:59:00 GMT

如果以如下方式打开新窗口：

那么，原窗口会变成一个含有[Object]字符的窗口。

换用下面方式即可，注意下面粗体部分的void(0),它表示没有返回值：

下面的openCenterWindow函数仅供参考：

function openWindow(url,windowName,width,height){
    var left = 0;
    var top = 0;

    var wnd=window.open(url,windowName,"height="+height+",width="+width+",top="+top+",left="+left+",resizable=yes,scrollbars=yes,status=no,location=no,");
    return wnd;
}

何杨 2012-02-13 10:59 发表评论

使用JavaScript中，父窗口调用子窗口中的函数及子窗口调用父窗口中的函数

何杨 — Wed, 11 Jan 2012 07:28:00 GMT

父窗口调用子窗口函数实现是挺简单的，如下：
var wnd = window.open("XXX.html");

wnd.showDatas(datas);
以上代码中，showDatas是定义在子窗口的函数，datas是父窗口要给子窗口的数据。
需要注意的事，使用open语句打开窗口后，窗口未必能把所有代码全部载入，因此showDatas函数未必调用有效。
如果要有效，可以先把数据传递给子窗口，再在子窗口中延时调用showDatas函数。
如此，父窗口中的代码如下：

var wnd = window.open("XXX.html");

wnd.datas=datas;// 传递数据给子窗口
子窗口中的代码如下：
setTimeout(showDatas(window.datas),1000);// 延时时间可进行调整。
如上，父窗口调用子窗口函数才算完美。

反过来，子窗口要调用父窗口的函数要用opener对象，如：
opener.showMessages(msgs);
以上代码中，showMessages是定义在父窗口的函数，msgs是子窗口要给父窗口的数据。

2012年5月9日增补：
父窗口未必需要传数据给子窗口，而是子窗口需要操作父窗口的某些区域如div时，可以在父窗口打开子窗口的函数前将这个div的id找个地方（隐藏区域）存起来，当然这个地方不需要显示，当子窗口需要操作这个div时，直接调用父窗口的js函数即可，这个函数可以先从隐藏区域中得到div的id，再根据这个id操作div。

何杨 2012-01-11 15:28 发表评论

dtree sample

何杨 — Wed, 04 Jan 2012 11:44:00 GMT

下载地址：

http://www.blogjava.net/Files/heyang/DTreeSample2012-1-4.rar

效果：

核心代码：

<%@ page contentType="text/html; charset=UTF-8"%>

doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>

<title>Dtree Sampletitle>
<link rel="stylesheet" rev="stylesheet" href="web/css/style.css" type="text/css" />
<link rel="stylesheet" rev="stylesheet" href="web/css/dtree.css" type="text/css" />
<script src="web/js/dtree.js" type="text/javascript">script>
head>

<body>

<div id="treeDiv">
    <div class="dtree">
        <p><a href="javascript: d.openAll();">全展开a> | <a href="javascript: d.closeAll();">全收起a>p>
        <script type="text/javascript">

        script>
    div>
div>
<div id="contentDiv">
    <iframe id="index_mainframe" name="rightFrame" class="index_mainframe" src="web/jsp/blank.jsp" frameborder="0" scrolling="no" >iframe>
div>

body>
html>

dtree的css，js代码都不复杂，如果对其稍加改造，可以做出更眩的东西来。

何杨 2012-01-04 19:44 发表评论