标签归档：js

JS operations on JSON summary

2012年6月8日JavaScriptjavascript、js、jsonsheng00

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。
本文主要是对JS操作JSON的要领做下总结。
在JSON中，有两种结构：对象和数组。

一个对象以{（左括号）开始，}（右括号）结束。每个“名称”后跟一个:（冒号）；“‘名称/值’ 对”之间运用 ,（逗号）分隔。名称用引号括起来；值如果是字符串则必须用括号，数值型则不须要。例如：
```
var o = {
  "xlid": "cxh",
  "xldigitid": 123456,
  "topscore": 2000,
  "topplaytime": "2009-08-20"
}
```

数组是值（value）的有序集合。一个数组以[（左中括号）开始，]（右中括号）结束。值之间运用 ,（逗号）分隔。例如：

var jsonranklist = [{
  "xlid": "cxh",
  "xldigitid": 123456,
  "topscore": 2000,
  "topplaytime": "2009-08-20"
}, {
  "xlid": "zd",
  "xldigitid": 123456,
  "topscore": 1500,
  "topplaytime": "2009-11-20"
}];

为了方便地处理JSON数据，JSON提供了json.js包，下载地址：http://www.json.org/json.js
在数据传输流程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。例如：

JSON字符串:

var str1 = '{ "name": "cxh", "sex": "man" }';

JSON对象:

var str2 = { "name": "cxh", "sex": "man" };

JSON字符串转换为JSON对象,要运用上面的str1，必须运用下面的要领先转化为JSON对象：
```
var obj = eval('(' + str + ')');//由JSON字符串转换为JSON对象
```
或者
```
var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
```
或者
```
var obj = JSON.parse(str); //由JSON字符串转换为JSON对象
```
然后，就可以这样读取：
```
Alert(obj.name);
Alert(obj.sex);
```
特别留心：如果obj本来就是一个JSON对象，那么运用 eval（）函数转换后（哪怕是多次转换）还是JSON对象，但是运用 parseJSON（）函数处理后会有疑问（抛出语法异常）。
可以运用 toJSONString()或者全局要领 JSON.stringify()将JSON对象转化为JSON字符串。
例如：
```
var last=obj.toJSONString(); //将JSON对象转化为JSON字符
```
或者
```
var last=JSON.stringify(obj); //将JSON对象转化为JSON字符
```
```
alert(last);
```
留心：上面的多个要领中，除了eval()函数是js自带的之外，其他的多个要领都来自json.js包。新版本的 JSON 修改了 API，将 JSON.stringify() 和 JSON.parse() 两个要领都注入到了 Javascript 的内建对象里面，前者变成了 Object.toJSONString()，而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()要领，则说明您的json包版本太低。

js提交表单

2012年3月20日JavaScriptform、jssheng00

1.document.forms.from.submit();
document.form.sumbit();
document.form.submit.click();
this.form.submit();
以上几种形式的js表单提交在firefox浏览器下是不起作用的
2.必须遵循w3c标准：
1).获得form时应使用getElementById()方法
2).用.submit()方法提交表单
3).button的name/id绝对不能命名为”submit”
4).form中所有的组件（按钮，文本框等）的name/id也不能命名为”submit”

js页面跳转的几种方法

2012年3月1日JavaScriptjssheng00

通过js或者html或者php等动态程序都可以方便的实现跳转，这里搜集了几种页面跳转的方式

js方式的页面跳转
1.window.location.href方式
    <script language="javascript" type="text/javascript">
           window.location.href="http://www.dayanmei.com/";
    </script>
2.window.navigate方式跳转
   <script language="javascript">
    window.navigate("top.jsp");
</script>

3.window.loction.replace方式实现页面跳转，注意跟第一种方式的区别
<script language="javascript">
    window.location.replace("http://www.dayanmei.com");
</script>
有3个jsp页面（1.jsp, 2.jsp, 3.jsp），进系统默认的是1.jsp ，当我进入2.jsp的时候， 2.jsp里面用window.location.replace("3.jsp");与用window.location.href ("3.jsp");从用户界面来看是没有什么区别的，但是当3.jsp页面有一个"返回"按钮，调用window.history.go(-1); wondow.history.back();方法的时候，一点这个返回按钮就要返回2.jsp页面的话，区别就出来了，当用 window.location.replace("3.jsp");连到3.jsp页面的话，3.jsp页面中的调用 window.history.go(-1);wondow.history.back();方法是不好用的，会返回到1.jsp 。
4.self.location方式实现页面跳转，和下面的top.location有小小区别
   <script language="JavaScript">
          self.location=’top.htm’;
   </script>
5.top.location
   <script language="javascript">
          top.location=’xx.jsp’;
   </script>

6.不推荐这种方式跳转
    <script language="javascript">
    alert("返回");
    window.history.back(-1);
   </script>

在php程序中,这种方式跳转前面不能有任何输出
<?php
header("url.php");
?>

meta方式实现跳转(content = 3 单位是秒)
<meta http-equiv=refresh content=3;URL="http://www.dayanmei.com">

总结二：

1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2);
2. history.back().
3. window.history.forward()返回下一页
4. window.history.go(返回第几页,也可以使用访问过的URL)
例:
<a href="javascript:history.go(-1);">向上一页</a>
response.Write("<script language=javascript>")
response.Write("if(!confirm(‘完成任务?’)){history.back();}")
response.Write("</script>")
response.Write("<script language=javascript>history.go(-1);</script>")
<a href="javascript:history.go(-1);">向上一页</a>
页面跳转:onclick="window.location.href=’list.aspx’"
P.S.
小技巧(JS引用JS):
<script type=text/javascript>
<!–
if (typeof SWFObject == "undefined") {
document.write(‘<scr’ + ‘ipt type="text/javascript" src="/scripts/swfobject-1.5.js"></scr’ + ‘ipt>’);}
//–>
</script>
Javascript刷新页面的几种方法：
1    history.go(0)
2    location.reload()
3    location=location
4    location.assign(location)
5    document.execCommand(‘Refresh’)
6    window.navigate(location)
7    location.replace(location)
8    document.URL=location.href
自动刷新页面的方法:
1.页面自动刷新：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.
2.页面自动跳转：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
其中20指隔20秒后跳转到http://www.wyxg.com页面
3.页面自动刷新js版
<script language="JavaScript">
function myrefresh()
{
       window.location.reload();
}
setTimeout(‘myrefresh()’,1000); //指定1秒刷新一次
</script>
ASP.NET如何输出刷新父窗口脚本语句
1.   this.response.write("<script>opener.location.reload();</script>");
2.   this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>");
3.   Response.Write("<script language=javascript>opener.window.navigate(”你要刷新的页.asp”);</script>")
JS刷新框架的脚本语句
//如何刷新包含该框架的页面用
<script language=JavaScript>
   parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
    self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a>   )
//如何刷新另一个框架的页面用
<script language=JavaScript>
   parent.另一FrameID.location.reload();
</script>
如果想关闭窗口时刷新或者想开窗时刷新的话，在<body>中调用以下语句即可。
<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</script>

Facebook like button on a popup window

2011年11月30日Webfacebook、jssheng00

Face book provide 2 ways of add fb-like button on your website:xfbml and iframe version
If you want to show it on a popup window, you should use the iframe version

?<iframe src="http://www.facebook.com/plugins/like.php?href=YOUR_URL"
 scrolling="no" frameborder="0"
 style="border:none; width:450px; height:80px"></iframe>

JavaScript正则表达式验证邮箱地址

1999年11月30日JavaScriptemail、js、正则、正则表达式、验证emailsheng00

<html> <head> <script type="text/javascript" language="javascript"> function check() { var email = document.getElementById("in").value; if (/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(email)){ document.getElementById("div1").innerHTML = "valid"; }else{ document.getElementById("div1").innerHTML = "invalid"; } } </script> </head> <body> <div> Email:<input id="in" type="text" onkeyup="check();" /> <div id="div1"></div> </div> </body> </html>

提示：你可以先修改部分代码再运行。


  
    
  
  
    
    Email:

sheng00.com

Hello world.