BlogJava-JBOSS 点滴-随笔分类-javascript

ajax easy ui总结

半导体 — Wed, 20 Aug 2014 02:38:00 GMT

1、重新刷新替换iframe：

$("#childRightFrame1").attr('src',"http://www.baidu.com");
2、

http://liuna718-163-com.iteye.com/blog/1672182

$('#tabs').tabs({
        onSelect: function (title) {
            var currTab = $('#tabs').tabs('getTab', title);
            var iframe = $(currTab.panel('options').content);
            var src = iframe.attr('src');
            $('#tabs').tabs('update', { tab: currTab, options: { content: createFrame(src)} });
        }
    });

4、页面显示固定值

{
      field : 'tools',
      title : '操作',
      width : 100,
      formatter:function(value,rowData,index){
      var values ="";
      return values
      }

     }
5、获取选中行的值

var row = grid.datagrid('getSelected');
if (row){
alert(row.id);
}

6、

利用原生JSON对象，将对象转为字符串

[javascript] view plain copy print ?

var jsObj = {};
jsObj.testArray = [1,2,3,4,5];
jsObj.name = 'CSS3';
jsObj.date = '8 May, 2011';
var str = JSON.stringify(jsObj);
alert(str);

从JSON字符串转为对象

[javascript] view plain copy print ?

var jsObj = {};
jsObj.testArray = [1,2,3,4,5];
jsObj.name = 'CSS3';
jsObj.date = '8 May, 2011';
var str = JSON.stringify(jsObj);
var str1 = JSON.parse(str);
alert(str1);

半导体 2014-08-20 10:38 发表评论

在JS方法中返回多个值的三种方法转

半导体 — Mon, 18 Aug 2014 00:23:00 GMT

在使用JS编程中，有时需要在一个方法返回两个个或两个以上的数据，用下面的几种方法都可以实现：

1 使用数组的方式，如下：

<html>
<head>
    <title>JS函数返回多个值--oec2003title>
head>
<body>
    <input type="button" onclick="getNames()" value="test" />

    <script type="text/javascript">
function getData()
{
    var names=new Array("oec2003","oec2004");
    return names;
}
function getNames()
{
    var names=getData();
    alert(getData()[0]); //返回oec2003
}
script>

body>
html>

2 将数据封装到Json中返回，如下：

<html>
<head>
<title>JS函数返回多个值--oec2003title>
head>
<body>
<input type="button" onclick="getInfo()" value="test"/>
<script type="text/javascript">
function getData()
{
    var info={"name":"oec2003","age":"25"};
    return info;
}
function getInfo()
{
    var info=getData();
    var name=info["name"];
    var age=info["age"];
    alert("姓名："+name+" 年龄："+age);
}
script>
body>
html>

更详细的Json的介绍请看这里

3 这是最简单的一种方法，看下面代码：

<html>
<head>
<title>JS函数返回多个值--oec2003title>
head>
<body>
<input type="button" onclick="getInfo()" value="test"/>
<script type="text/javascript">
    function getData()
    {
        return ["oec2003", 25]
    }
    function getInfo()
    {
        var info = getData();
        alert("姓名：" + info[0] + "年龄：" + info[1]);
    }
script>
body>
html>

半导体 2014-08-18 08:23 发表评论

样式表学习

半导体 — Tue, 14 May 2013 08:33:00 GMT

1、文字太长，加省略号。
li{
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis; /*opera*/
overflow: hidden;
}

半导体 2013-05-14 16:33 发表评论

jerichoTab 加载完默认选中最后一个,如何让他选择第一个

半导体 — Fri, 03 May 2013 07:56:00 GMT

第一步：

改代码吧。改文件jquery.jerichotab.js 第205行，原为

.animate({ 'opacity': '1', width: opts.tabWidth }, function() {

$.fn.setTabActive(curIndex);

});

直接删除205行，或注解掉205行

//$.fn.setTabActive(curIndex);
第二步：改JSP页面
把activeTabIndex:1改为activeTabIndex:0

半导体 2013-05-03 15:56 发表评论

javascript 获取值

半导体 — Mon, 20 Aug 2012 07:40:00 GMT

HTML页面：获取复选框名字全为chk的对象值： function lightonRow(obj){ var tablelist=obj.parentElement;//parentElement 获取对象层次中的父对象。 var objsCheckBox=tablelist.all("chk");}

半导体 2012-08-20 15:40 发表评论

javascript金额计算

半导体 — Mon, 23 Jul 2012 04:10:00 GMT

在JSP页中中增加 onChange="check_sum()" /**数量*单价=金额*/ function check_sum(){ var num,item_price,item_money; num = trim(myform.num.value); item_price =trim(myform.item_price.value); if(num == "") num=0.0; alert("dd="+num); if(item_price == "") item_price=0.0; item_money=num*item_price; window.parent.record_handler.myform.item_money.value=item_money.toFixed(2); }

半导体 2012-07-23 12:10 发表评论

单击日期选择框,弹出空白的处理

半导体 — Thu, 12 Aug 2010 03:41:00 GMT

IE选项->自定义级别->允许Scriptlet

半导体 2010-08-12 11:41 发表评论

"字符串分割

半导体 — Tue, 05 Jan 2010 02:01:00 GMT

半导体 2010-01-05 10:01 发表评论

多选截取 lastIndexOf() 方法 http://www.w3school.com.cn/js/jsref_lastIndexOf.asp

半导体 — Thu, 12 Nov 2009 03:47:00 GMT

如果在做多选时，出现"objCode=001,002,003,"
要去掉最后一个逗号，处理办法：
objCode=objCode.substring(0,objCode.lastIndexOf(","));

JavaScript lastIndexOf() 方法

返回 JavaScript String 对象参考手册

定义和用法

lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。

语法

stringObject.lastIndexOf(searchvalue,fromindex)

参数	描述
searchvalue	必需。规定需检索的字符串值。
fromindex	可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的最后一个字符处开始检索。

返回值

如果在 stringObject 中的 fromindex 位置之前存在 searchvalue，则返回的是出现的最后一个 searchvalue 的位置。

说明

该方法将从尾到头地检索字符串 stringObject，看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的结尾（没有指定 fromindex 时）。如果找到一个 searchvalue，则返回 searchvalue 的第一个字符在 stringObject 中的位置。stringObject 中的字符位置是从 0 开始的。

提示和注释

注释：lastIndexOf() 方法对大小写敏感！

注释：如果要检索的字符串值没有出现，则该方法返回 -1。

实例

在本例中，我们将在 "Hello world!" 字符串内进行不同的检索：

以上代码的输出：

0
-1
6

TIY

lastIndexOf(): 如何使用 lastIndexOf() 在字符串内进行检索。

半导体 2009-11-12 11:47 发表评论

复选框传值

半导体 — Wed, 04 Nov 2009 08:48:00 GMT

复选框全选，全不选，反选

后台的取值方法:

String no[] = request.getParameterValues("no");

半导体 2009-11-04 16:48 发表评论

javascript insertAdjacentHTML

半导体 — Wed, 04 Nov 2009 08:04:00 GMT

下面的例子使用 INPUT type=checkbox 元素创建了两个带有解释文本的复选框。onclick 事件将调用两个脚本函数。第一个复选框默认选中。

This example uses the INPUT type=checkbox element to create two check boxes with explanatory text. The onclick events call two script functions. The first check box is checked.

Uncheck

    this check box for some free advice.

Or check

    this check box for a message from our sponsors.

下面的例子就是用户单击复选框时调用的脚本。

This example implements the script when the user clicks either check box.

半导体 2009-11-04 16:04 发表评论

javascript中数字的比较和Double、Float比较

半导体 — Tue, 13 Oct 2009 06:38:00 GMT

1,符点型比较:
if ((new Number(separate_num)).valueOf() > (new Number(can_num)).valueOf()){
}
2,整型比较：t
if (parseInt(myform.t2.value) > myform.t1.value){
3，parseFloat(myform.t2.value)

Double、Float比较
Double.parseDouble("1078.2564");
结果：1078.2564
Float.parseFloat(("1078.2564");
结果:1078.2563
谁能告诉我为什么？

半导体 2009-10-13 14:38 发表评论

关闭IE窗口时自动弹出信息

半导体 — Mon, 28 Sep 2009 07:11:00 GMT

关闭IE窗口时执行事件

半导体 2009-09-28 15:11 发表评论

HTML应用

半导体 — Sun, 27 Sep 2009 08:18:00 GMT

链接指向：

Find me:Animate

Animate me

半导体 2009-09-27 16:18 发表评论

javascript数据类型转换

半导体 — Wed, 10 Jun 2009 04:00:00 GMT

parseFloat 转换成浮点数
parseInt 转换成整数.

这两个函数都有些容错性的,比如"123abc"会变成123.
如果楼主希望更准确一些,其实可以判断一下,然后用eval,像这样

不过也可以使用这样的方法:
var a = "234" ;
a = a.replace(/(^[\\s]*)|([\\s]*$)/g, "");
if( a !="" && !isNaN( a ) )
{//如果是数字
a = eval( a )
}
else
{//如果不是数字
a = null
}

javascript有两种数据类型的转换方法：一种是将整个值从一种类型转换为另一种数据类型（称作基本数据类型转换），另一种方法是从一个值中提取另一种类型的值，并完成转换工作。

基本数据类型转换的三种方法：

1.转换为字符型：String(); 例：String(678)的结果为"678"
2.转换为数值型：Number(); 例：Number("678")的结果为678
3.转换为布尔型：Boolean(); 例：Boolean("aaa")的结果为true

从一个值中提取另一种类型的值的方法：

1.提取字符串中的整数：parseInt(); 例：parseInt("123zhang")的结果为123
2.提取字符串中的浮点数：parseFloat(); 例：parseFloat("0.55zhang")的结果为0.55
3.执行用字符串表示的一段javascript代码：eval(); 例：zhang=eval("1+1")的结果zhang=2

半导体 2009-06-10 12:00 发表评论

indexOf函数

半导体 — Wed, 22 Apr 2009 07:11:00 GMT

JavaScript中indexOf函数方法返回一个整数值，指出 String 对象内子字符串的开始位置。如果没有找到子字符串，则返回 -1。如果 startindex 是负数，则 startindex 被当作零。如果它比最大的字符位置索引还大，则它被当作最大的可能索引。

indexOf函数是从左向右执行查找。否则，该方法与 lastIndexOf 相同。

下面的示例说明了indexOf函数方法的用法。
function IndexDemo(str2){
var str1 = "BABEBIBOBUBABEBIBOBU"

半导体 2009-04-22 15:11 发表评论

Http之Get/Post请求区别转自 http://www.cnblogs.com/wxf0701/

半导体 — Tue, 21 Apr 2009 07:56:00 GMT

Http之Get/Post请求区别

1．HTTP请求格式：

[]

在HTTP请求中，第一行必须是一个请求行（request line），用来说明请求类型、要访问的资源以及使用的HTTP版本。紧接着是一个首部（header）小节，用来说明服务器要使用的附加信息。在首部之后是一个空行，再此之后可以添加任意的其他数据[称之为主体（body）]。

2．GET与POST区别

HTTP定义了与服务器交互的不同方法，最基本的方法是 GET 和 POST.

HTTP-GET和HTTP-POST是使用HTTP的标准协议动词，用于编码和传送变量名/变量值对参数，并且使用相关的请求语义。每个HTTP-GET和HTTP-POST都由一系列HTTP请求头组成，这些请求头定义了客户端从服务器请求了什么，而响应则是由一系列HTTP应答头和应答数据组成，如果请求成功则返回应答。
　　HTTP-GET以使用MIME类型application/x-www-form-urlencoded的urlencoded文本的格式传递参数。Urlencoding是一种字符编码，保证被传送的参数由遵循规范的文本组成，例如一个空格的编码是"%20"。附加参数还能被认为是一个查询字符串。
　　与HTTP-GET类似，HTTP-POST参数也是被URL编码的。然而，变量名/变量值不作为URL的一部分被传送，而是放在实际的HTTP请求消息内部被传送。

（1）get是从服务器上获取数据，post是向服务器传送数据。

（1）在客户端，Get方式在通过URL提交数据，数据在URL中可以看到；POST方式，数据放置在HTML HEADER内提交。

（2）对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。

（2） GET方式提交的数据最多只能有1024字节，而POST则没有此限制。

（3）安全性问题。正如在（1）中提到，使用 Get 的时候，参数会显示在地址栏上，而 Post 不会。所以，如果这些数据是中文数据而且是非敏感数据，那么使用 get；如果用户输入的数据不是中文字符而且包含敏感数据，那么还是使用 post为好。

注：所谓安全的意味着该操作用于获取信息而非修改信息。幂等的意味着对同一 URL 的多个请求应该返回同样的结果。完整的定义并不像看起来那样严格。换句话说，GET 请求一般不应产生副作用。从根本上讲，其目标是当用户打开一个链接时，她可以确信从自身的角度来看没有改变资源。比如，新闻站点的头版不断更新。虽然第二次请求会返回不同的一批新闻，该操作仍然被认为是安全的和幂等的，因为它总是返回当前的新闻。反之亦然。POST 请求就不那么轻松了。POST 表示可能改变服务器上的资源的请求。仍然以新闻站点为例，读者对文章的注解应该通过 POST 请求实现，因为在注解提交之后站点已经不同了（比方说文章下面出现一条注解）。

下面举一个简单的例子来说明它们的区别：

半导体 2009-04-21 15:56 发表评论

Javascript技巧

半导体 — Thu, 16 Nov 2006 02:02:00 GMT

报警信息显示在页面上的处理:
在需要报警的文本处:
给报警信息赋值:    window.parent.record_handler.message.innerText = "警告信息";
按钮启用/禁用的处理

   启用按钮:
   window.parent.parent.record_handler.myform.selebatch.disabled=false;
禁用按钮:
    window.parent.parent.record_handler.myform.selebatch.disabled=true;
每隔二十秒自动刷新页面:

javascript 字符串截取功能比较

String.substr(N1,N2) 这个就是我们常用的从指定的位置(N1)截取指定长度(N2)的字符串;
String.substring(N1,N2) 这个就有点特别了，它是先从N1，N2里找出一个较小的值，然后从字符串的开始位置算起，截取较小值位置和较大值位置之间的字符串,截取出来的字符串的长度为较大值与较小值之间的差。

下拉框位置判断。

下拉框位置判断语句：myform.month_share.selectedIndex   从0开始。

当页面不能刷新时,
在
   window.parent.parent.record_list_d.location.reload();前增加
   window.document.location.replace("about:blank");
   如:

HTML取值:
弱
取值:document.getElementById("strength_L").innerHTML 结果:弱
  CSS背景色更改:document.getElementById("strength_L").style.background="#FF0000";

半导体 2006-11-16 10:02 发表评论

材料选择自动转到下一文本框

半导体 — Sat, 11 Nov 2006 13:51:00 GMT

如图所示,类似这样的文本框.按一次TAB键就会自动跳转到最前面的复选框,

那么用户可以在文本框的属性里增加 tabIndex='1' 便可以让TAB键每次定位时都定位在顺序流的第一个文本框：如
inputfields[0] = "";
也可以用回车键来实现
onKeypress='if(window.event.keyCode==13) event.keycode=9'

方法是很简单,但是我找了很久才解决,本人不才.....

半导体 2006-11-11 21:51 发表评论

BlogJava-JBOSS 点滴-随笔分类-javascript

ajax easy ui总结

取到easyui的tab下iframe方法

http://liuna718-163-com.iteye.com/blog/1672182

3、Easy UI 点击TAB 标签刷新内容

4、页面显示固定值

在JS方法中返回多个值的三种方法转

样式表学习

jerichoTab 加载完默认选中最后一个,如何让他选择第一个

javascript 获取值

javascript金额计算

单击日期选择框,弹出空白的处理

"字符串分割

多选截取 lastIndexOf() 方法 http://www.w3school.com.cn/js/jsref_lastIndexOf.asp

JavaScript lastIndexOf() 方法

定义和用法

语法

返回值

说明

提示和注释

实例

TIY

复选框传值

javascript insertAdjacentHTML

javascript中数字的比较和Double、Float比较

关闭IE窗口时自动弹出信息

关闭IE窗口时执行事件

HTML应用

Animate me

javascript数据类型转换

indexOf函数

Http之Get/Post请求区别转自 http://www.cnblogs.com/wxf0701/

Javascript技巧

材料选择自动转到下一文本框

BlogJava-JBOSS 点滴-随笔分类-javascript

ajax easy ui总结

取到easyui的tab下iframe方法

http://liuna718-163-com.iteye.com/blog/1672182

3、Easy UI 点击TAB 标签 刷新内容

$('#tabs').tabs({ onSelect: function (title) { var currTab = $('#tabs').tabs('getTab', title); var iframe = $(currTab.panel('options').content); var src = iframe.attr('src'); $('#tabs').tabs('update', { tab: currTab, options: { content: createFrame(src)} }); } });

4、页面显示固定值

在JS方法中返回多个值的三种方法 转

样式表学习

jerichoTab 加载完默认选中最后一个,如何让他选择第一个

javascript 获取值

javascript金额计算

单击日期选择框,弹出空白的处理

"字符串分割

多选 截取 lastIndexOf() 方法 http://www.w3school.com.cn/js/jsref_lastIndexOf.asp

JavaScript lastIndexOf() 方法

定义和用法

语法

返回值

说明

提示和注释

实例

TIY

复选框传值

javascript insertAdjacentHTML

javascript中数字的比较和Double、Float比较

关闭IE窗口时自动弹出信息

关闭IE窗口时执行事件

HTML应用

Animate me

javascript数据类型转换

indexOf函数

Http之Get/Post请求区别 转自 http://www.cnblogs.com/wxf0701/

Javascript技巧

材料选择自动转到下一文本框

3、Easy UI 点击TAB 标签刷新内容

$('#tabs').tabs({
onSelect: function (title) {
var currTab = $('#tabs').tabs('getTab', title);
var iframe = $(currTab.panel('options').content);
var src = iframe.attr('src');
$('#tabs').tabs('update', { tab: currTab, options: { content: createFrame(src)} });
}
});

在JS方法中返回多个值的三种方法转

多选截取 lastIndexOf() 方法 http://www.w3school.com.cn/js/jsref_lastIndexOf.asp

Http之Get/Post请求区别转自 http://www.cnblogs.com/wxf0701/