You are here

javascript

shiping1 的头像

javascript getUrl_cookie_protorype_and_other.js

星期六, 2013-10-12 12:57 — shiping1

//window.onerror=function(){return true;};
String.prototype.ltrim=function()
{
   return this.replace(/^\s+/,"");
}
String.prototype.rtrim=function()
{
   return this.replace(/\s+$/,"");
}
String.prototype.trim=function()
{
   return this.ltrim().rtrim();
}
Url=
{
   get:function(name)
   {
       var url=document.location.href;
       var index=url.indexOf('?');
       var urls=null;
       if(index>-1)
       {
           url=url.substr(index+1);

普通分类:

Read more about javascript getUrl_cookie_protorype_and_other.js

shiping1 的头像

js round 精确位数

星期六, 2013-10-12 12:19 — shiping1

round 方法, 及四舍五入
返回与给出的数值表达式最接近的整数。
Math.round(number)
必选项 number 参数是要舍入到最接近整数的值。

//下面是自定义的精确位数的方法
// Float数据四舍五入到2位小数;
function to2bits(flt) {
if(parseFloat(flt) == flt)
return Math.round(flt * 100) / 100;
// 到4位小数, return Math.round(flt * 10000) / 10000;

普通分类:

Read more about js round 精确位数

shiping1 的头像

JavaScript Number() 函数

星期六, 2013-10-12 11:48 — shiping1

JavaScript Number() 函数

JavaScript 全局对象参考手册

定义和用法

Number() 函数把对象的值转换为数字。

语法

Number(object)

参数	描述
object	必需。JavaScript 对象。

返回值

如果参数是 Date 对象，Number() 返回从 1970 年 1 月 1 日至今的毫秒数。

如果对象的值无法转换为数字，那么 Number() 函数返回 NaN。

实例

在本例中，我们将尝试把不同的对象转换为数字：

普通分类:

Read more about JavaScript Number() 函数

shiping1 的头像

js parseFloat 精确度精度

星期六, 2013-10-12 11:42 — shiping1

你必须要这样，才能实现：

普通分类:

Read more about js parseFloat 精确度精度

shiping1 的头像

js parseInt parseFloat

星期六, 2013-10-12 10:55 — shiping1

下面的代码是完全正确的
<script>

var aa = parseFloat("AAA11");
alert(aa);
if(isNaN(aa))
{
alert("不是一个数字")
}
else{
alert("是一个数字")
}
</script>

JavaScript parseInt() 函数

JavaScript 全局对象参考手册

定义和用法

parseInt() 函数可解析一个字符串，并返回一个整数。

普通分类:

Read more about js parseInt parseFloat

shiping1 的头像

js 根据class 类名返回所有对象

星期六, 2013-10-12 10:29 — shiping1

DOM 提供了一个名为 getElementById() 的方法，这个方法将返回一个对象，
这个对象就是参数 id 所对应的元素节点。另外，getElementByTagName()
方法会返回一个对象的数组，每一个对象分别对应着文档里有给定标签的一个元素。
这个方法的参数是 html 标签的名字。现在我们考虑一个问题，能不能通过标签的类名
class name来获取该对象呢？
下面是这个猜想的程序实现（支持多个class查询和在某个范围内进行查询）：

/*
* 根据元素clsssName得到元素集合
* @param fatherId 父元素的ID，默认为document
* @tagName 子元素的标签名
* @className 用空格分开的className字符串
*/
function getElementsByClassName(fatherId,tagName,className){
node = fatherId&&document.getElementById(fatherId) || document;
tagName = tagName || "*";

普通分类:

Read more about js 根据class 类名返回所有对象

shiping1 的头像

js 根据标签名返回所有对象子元素

星期六, 2013-10-12 10:28 — shiping1

var lis= document.getElementById('ul_list').getElementsByTagName("li");
//得到 id 为 ul_list 下的所有的li对象

for(i==0;i<lis.length;i++)
{
if(i%2 ==0){
      lis[i].className = 'li_bg';
   if(i==(li.length-1)){
                lis[i].className = "li_none"
   }
}
}

普通分类:

Read more about js 根据标签名返回所有对象子元素

shiping1 的头像

js 移除元素

星期六, 2013-10-12 10:28 — shiping1

function HiddleFlashContent(){
       var playerContent = document.getElementById('ePlayerContent');
       playerContent.parentNode.removeChild(playerContent);
   }



   <div style="display:block;bottom:0px;right:1px!important;position:fixed;border:0px;z-index:99999" id="ePlayerContent">

普通分类:

Read more about js 移除元素

shiping1 的头像

js 子元素

星期六, 2013-10-12 10:26 — shiping1

var lis= document.getElementById('ul_list').getElementsByTagName("li");
//得到 id 为 ul_list 下的所有的li对象子元素的个数

for(i=0;i<lis.length;i++)
{
if(i%2 ==0){
      lis[i].className = 'li_bg';
   if(i==(li.length-1)){
                lis[i].className = "li_none"
   }
}

}

<div id="cityList" style="border:1px solid #C00;padding:10;height:300px;width:700px;overflow:hiden;overflow-y:scroll;">
   <div>
   <span>A</span>

普通分类:

Read more about js 子元素

shiping1 的头像

Jquery遍历节点子元素等

星期六, 2013-10-12 10:21 — shiping1

Jquery遍历节点

1. children()方法

该方法用于取得匹配元素的子元素集合。

使用children()方法来获取匹配元素的所有子元素的个数。

Jquery代码如下：

var $body=$("body").children();

var $p=$("p").children();

var $ul=$("ul").children();

alert("$body.length"); //<body>元素下有2个子元素

alert($p.length); //<p>元素下有0个子元素

alert("$ul.length"); //<ul>元素下有3个子元素

普通分类:

Read more about Jquery遍历节点子元素等

shiping1 的头像

js eval 把字符串来当作js语句来执行

星期六, 2013-10-12 10:17 — shiping1

<script>
var str="alert(111)";
eval(str);

</script>

<script type="text/javascript">

普通分类:

Read more about js eval 把字符串来当作js语句来执行

shiping1 的头像

JavaScript 变量定义变量

星期六, 2013-10-12 10:01 — shiping1

JavaScript 变量

变量是存储信息的容器。

实例

var x=2;
var y=3;
var z=x+y;

亲自试一试

就像代数那样

x=2
y=3
z=x+y

在代数中，我们使用字母（比如 x）来保存值（比如 2）。

普通分类:

Read more about JavaScript 变量定义变量

shiping1 的头像

jquery 的 html() 和 js的 innerHTML 最大只能取10.2KB左右

星期六, 2013-10-12 09:26 — shiping1

普通分类:

Read more about jquery 的 html() 和 js的 innerHTML 最大只能取10.2KB左右

shiping1 的头像

js 让文本框只能输入数字

星期二, 2013-10-08 12:53 — shiping1

<input type="text" name="tel" onkeyup="value=value.replace(/\D+/g,'')" check="2" id="tel">

普通分类:

Read more about js 让文本框只能输入数字

shiping1 的头像

javascript---循环输出对象中的属性

星期二, 2013-10-01 16:02 — shiping1

for(var i in poi) {
                 if (poi.hasOwnProperty(i)) {
                     alert(i+ ': ' + poi[i]);
                 }
             }

普通分类:

Read more about javascript---循环输出对象中的属性

shiping1 的头像

js 检查日期格式

星期一, 2013-09-23 12:11 — shiping1

String.prototype.ltrim=function()
{
   return this.replace(/^\s+/,"");
}
String.prototype.rtrim=function()
{
   return this.replace(/\s+$/,"");
}
String.prototype.trim=function()
{
   return this.ltrim().rtrim();
}

function checkDate(){
var $dtTimeStart = $('#stime_search').val().trim();

var $dtTimeEnd = $('#etime_search').val().trim();

普通分类:

Read more about js 检查日期格式

shiping1 的头像

javascript window.location.href window.location.reload()区别

星期一, 2013-09-23 10:41 — shiping1

//这两个好像是有区别的
window.location.href=location.href;
window.location.reload();

//指的是在浏览器上的 url,,,当然在浏览器上是伪静态,得出的 location.href 也是伪静态
alert(location.href);

<script>
alert("1:   "   +   window.location.href);
alert("2:   "   +   window.location);
alert("3:   "   +   location.href);
alert("4:   "   +   parent.location.href);
alert("5:   "   +   top.location.href);
alert("6:   "   +   document.location.href);
</script>

普通分类:

Read more about javascript window.location.href window.location.reload()区别

shiping1 的头像

js 得到当前路径

星期三, 2013-09-11 19:38 — shiping1

var a= document.location.href; //js 得到当前路径

普通分类:

Read more about js 得到当前路径

shiping1 的头像

charset="UTF-8" js charset utf=8

星期六, 2013-09-07 09:47 — shiping1

HTML <script> 标签的 charset 属性

HTML <script> 标签

定义和用法

charset 属性规定在外部脚本文件中使用的字符编码。

如果外部文件中的字符编码与主文件中的编码方式不同，就要用到 charset 属性。

默认的字符编码是 ISO-8859-1。

src 和 charset 属性

对特别长的 JavaScript 程序或者经常重复使用的程序来说，你可以希望将这些代码存放到一个单独的文件中。在这样的情况下，让浏览器通过 src 属性来载入那个单独的文件。

src 的值是包含这个 JavaScript 程序的文件的 URL。保存的文件的 MIME 类型应是 application/x-javascript，但如果文件名的后缀为 .js，也能够被正确配置了的服务器进行恰当的处理。

普通分类:

Read more about charset="UTF-8" js charset utf=8

shiping1 的头像

javascript typeof的用法

星期五, 2013-08-30 19:10 — shiping1

javascript typeof的用法2007/07/31 18:49

普通分类:

Read more about javascript typeof的用法

shiping1 的头像

css与javascript文件的载入顺序

星期六, 2013-08-24 09:22 — shiping1

通常优秀的网页，都是把css与JS文件独立的，以保持文档结构清晰。这时候载入css与JS文件的顺序，就值得思考一下了。

让我们从实际情况出发，分析一下。

首先，网页对CSS的依赖非常大，如果html载入了而CSS没载入，那网站就会面目全非，所以，CSS必须在html之前载入。

html的结构都是在body中，所以css想在他前面的话，就必须在head中载入——这也是所有人都毫不怀疑的。

那么javascript文件呢？该什么时候载入？

我们先想想JS可能会做些什么。

网页中的JS一般用来制作特效，或者动态载入数据，但不论他做什么，最终都会操作DOM元素（即html标签），以便把他的工作成果展示出来。

如果JS执行的时候，html结构没加载出来，那么JS就会因为找不到要操作的元素而报错。

所以，理论上讲，JS应该在html之后加载。

但Javascript是一门很灵活的语言，他可以先载入，再执行，比如，先在head中载入，然后在body之后执行代码，或者在window.onload事件里执行。这样也不会报错。

所以很多人也会把JS放在head中载入。

普通分类:

Read more about css与javascript文件的载入顺序

shiping1 的头像

js和css的顺序关系

星期六, 2013-08-24 09:21 — shiping1

js和css的顺序关系

Posted by Kejun on

普通分类:

Read more about js和css的顺序关系

shiping1 的头像

内联脚本的位置对性能的影响来自百度空间有价值 ok

星期六, 2013-08-24 09:11 — shiping1

内联脚本的位置对性能的影响

转自:http://lifesinger.org/blog/2009/05/positioning-inline-scripts/内联脚本的位置对性能的影响

Posted on May 24th, 2009 in 开发 by lifesinger

普通分类:

Read more about 内联脚本的位置对性能的影响来自百度空间有价值 ok

shiping1 的头像

也谈内联脚本的位置对性能的影响

星期六, 2013-08-24 09:06 — shiping1

普通分类:

Read more about 也谈内联脚本的位置对性能的影响

shiping1 的头像

把inline脚本写在合适的位置

星期五, 2013-08-23 11:45 — shiping1

把inline脚本写在合适的位置

inline 脚本就是内联脚本也就是说不是引用js的脚本,直接写在html里的脚本

Posted in 07/01/2009 ¬ 00:06h.admin

今天读到Steve Souders的一篇关于如何放置内联脚本的文章-Positioning Inline Scripts，现总结在文本。

之前译的一篇文章《无阻塞加载脚本》谈到的是外部脚本对于页面性能的影响，例如阻塞资源下载、阻塞页面渲染等。而对于inline的脚本，同样存在类似的问题，有的甚至是有过之而无不及。

普通分类:

Read more about 把inline脚本写在合适的位置

shiping1 的头像

HTML <script> 标签的 defer 属性

星期五, 2013-08-23 10:49 — shiping1

HTML <script> 标签的 defer 属性

普通分类:

Read more about HTML 标签的 defer 属性

shiping1 的头像

script的defer和async 有大用

星期五, 2013-08-23 10:14 — shiping1

普通分类:

Read more about script的defer和async 有大用

shiping1 的头像

引用JavaScript文件时的两个属性defer和async 有大用

星期五, 2013-08-23 10:13 — shiping1

引用js文件格式如下：

普通分类:

Read more about 引用JavaScript文件时的两个属性defer和async 有大用

shiping1 的头像

JS/CSS 延迟加载脚本

星期五, 2013-08-23 10:08 — shiping1

JS/CSS 延迟加载脚本

来源：http://www.cnblogs.com/snandy/archive/2011/04/30/2033272.html

普通分类:

Read more about JS/CSS 延迟加载脚本

shiping1 的头像

延迟加载JS代码的几种方法

星期五, 2013-08-23 10:05 — shiping1

延迟加载JS代码的几种方法

2012-12-21 08:27:12 | 【大中小】

本文介绍了如何延迟javascript代码的加载，加快网页的访问速度。

普通分类:

Read more about 延迟加载JS代码的几种方法

页面